@extends("LaravelVueAdmin.layouts.app")
@section('has_left','has-detached-left')
@section("contentheader_title", "Pengajuan Persetujuan")
@section("section", "Pengajuan Persetujuan")
@section("sub_section", "List Pengajuan Persetujuan")
@section("htmlheader_title", "List Pengajuan Persetujuan")
@section("headerElems")
@section('styles')
<style>
	body {
		position: relative;
	}
	@media (min-width: 769px) {
		.sidebar-detached.affix {
			position: fixed;
			top: 65px;
			bottom: 20px;
		}
	}
</style>
@endsection
@lv_access("Approvals", "create")
<ul class="fab-menu fab-menu-absolute fab-menu-top-right affix-top" data-fab-toggle="click" id="fab-menu-affixed-right">
	<li>
		<a class="fab-menu-btn btn bg-primary-300 btn-float btn-rounded btn-icon legitRipple">
			<i class="fab-icon-open icon-grid3"></i>
			<i class="fab-icon-close icon-cross2"></i>
		</a>

		<ul class="fab-menu-inner">
			<li>
				<div data-fab-label="Tambah Persetujuan">
					<button class="btn btn-default btn-rounded btn-icon btn-float legitRipple" data-toggle="modal" data-target="#AddModal">
						<i class="icon-compose"></i>
					</button>
				</div>
			</li>
		</ul>
	</li>
</ul>
@endlv_access
@endsection

@section("mini")
<div class="sidebar-detached ">
		<div class="sidebar sidebar-default">
			<div class="sidebar-content">

				<div class="sidebar-category">
					<div class="category-title">
						<span>KATEGORI PERSETUJUAN</span>
						<ul class="icons-list">
							<li><a href="#" data-action="collapse" class=""></a></li>
						</ul>
					</div>

					<div class="category-content no-padding" style="display: block;">
						<ul class="navigation navigation-alt navigation-accordion">
							@php
							if(!\Auth::user()->hasRole('SUPER_ADMIN')){
								$roles = \DB::table("role_user");
								if (\Auth::user()->hasRole('OWNER')){
									$roles = $roles->where("role_id",2)->orWhere("role_id",3)->orWhere("role_id",4)->orWhere("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
								}if (\Auth::user()->hasRole('GENERAL_MANAGER')){
									$roles = $roles->where("role_id",2)->orWhere("role_id",4)->orWhere("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
								} elseif (\Auth::user()->hasRole('MANAGER')){
									$roles = $roles->where("role_id",4)->orWhere("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
								} elseif (\Auth::user()->hasRole('SUPERVISOR')){
									$roles = $roles->where("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
								} elseif (\Auth::user()->hasRole('STAFF_SENIOR')){
									$roles = $roles->where("role_id",6)->orWhere("role_id",7);
								} elseif (\Auth::user()->hasRole('STAFF')){
									$roles = $roles->where("role_id",7);
								}
								$value = \Auth::user()->id;
								$roles = $roles->pluck('user_id');
								foreach ($roles as $role) {
									$value .= ','.$role;
								}
								$menuItems = App\Models\Approval_type::select("id","name",DB::raw("(SELECT count(*) FROM approvals WHERE approvals.category=approval_types.id AND approvals.status>1 AND approvals.status<11 AND approvals.deleted_at is NULL AND approvals.created_by IN ( {$value} )) as app_count"))->orderBy('name', 'asc')->get();
							}else{
								$menuItems = App\Models\Approval_type::select("id","name",DB::raw('(SELECT count(*) FROM approvals WHERE approvals.category=approval_types.id AND approvals.status>1 AND approvals.status<11 AND approvals.deleted_at is NULL) as app_count'))->orderBy('name', 'asc')->get();
							}
						@endphp
						@foreach ($menuItems as $menu)
							@if($menu->app_count > 0)
							<li><a  data-popup="tooltip" title="{{$menu->name}}" data-placement="right"  class="legitRipple" href="{{ url(config('LaravelVueAdmin.adminRoute') . '/approvals/filter/'.$menu->id) }}">{{str_limit($menu->name,20)}}
								<span class="label bg-danger">{{$menu->app_count}}</span></a></li>
							@else
							<li><a  data-popup="tooltip" title="{{$menu->name}}" data-placement="right"  class="legitRipple" href="{{ url(config('LaravelVueAdmin.adminRoute') . '/approvals/filter/'.$menu->id) }}">{{str_limit($menu->name,20)}}</a></li>
							@endif
						@endforeach
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection
@section("main-content")

<div class="navbar navbar-default navbar-xs navbar-component ">
	<ul class="nav navbar-nav no-border visible-xs-block">
		<li><a class="text-center collapsed legitRipple" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-menu7"></i></a></li>
	</ul>

	<div class="navbar-collapse collapse" id="navbar-filter">
		<p class="navbar-text">Status:</p>
		<ul class="nav navbar-nav">
			@php
			if(!\Auth::user()->hasRole('SUPER_ADMIN')){
				$roles = \DB::table("role_user");
				if (\Auth::user()->hasRole('OWNER')){
					$roles = $roles->where("role_id",2)->orWhere("role_id",3)->orWhere("role_id",4)->orWhere("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
				}if (\Auth::user()->hasRole('GENERAL_MANAGER')){
					$roles = $roles->where("role_id",2)->orWhere("role_id",4)->orWhere("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
				} elseif (\Auth::user()->hasRole('MANAGER')){
					$roles = $roles->where("role_id",4)->orWhere("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
				} elseif (\Auth::user()->hasRole('SUPERVISOR')){
					$roles = $roles->where("role_id",5)->orWhere("role_id",6)->orWhere("role_id",7);
				} elseif (\Auth::user()->hasRole('STAFF_SENIOR')){
					$roles = $roles->where("role_id",6)->orWhere("role_id",7);
				} elseif (\Auth::user()->hasRole('STAFF')){
					$roles = $roles->where("role_id",7);
				}
				$value = \Auth::user()->id;
				$roles = $roles->pluck('user_id');
				foreach ($roles as $role) {
					$value .= ','.$role;
				}
				$menuItems = App\Models\Status_type::select("id","name",DB::raw("(SELECT count(*) FROM approvals WHERE approvals.status=status_types.id AND approvals.deleted_at is NULL AND approvals.created_by IN ( {$value} )) as app_count"))->whereIn('id', [1, 8, 9, 10, 12, 13])->orderBy('id', 'asc')->get();
			}else{
				$menuItems = App\Models\Status_type::select("id","name",DB::raw("(SELECT count(*) FROM approvals WHERE approvals.status=status_types.id AND approvals.deleted_at is NULL) as app_count"))->whereIn('id', [1, 8, 9, 10, 12, 13])->orderBy('id', 'asc')->get();
			}
		@endphp
		@foreach ($menuItems as $menu)
			@if($menu->app_count > 0)
			<li><a class="legitRipple" href="{{ url(config('LaravelVueAdmin.adminRoute') . '/approvals/status/'.$menu->id) }}">{{$menu->name}}
								@if(in_array($menu->id, $array_code))
					<span class="label label-default badge-inline position-right">{{$menu->app_count}}</span></a></li>
				@else
					<span class="label bg-danger badge-inline position-right">{{$menu->app_count}}</span></a></li>
				@endif
			@else
			<li><a class="legitRipple" href="{{ url(config('LaravelVueAdmin.adminRoute') . '/approvals/status/'.$menu->id) }}">{{$menu->name}}</a></li>
			@endif
		@endforeach
		</ul>
	</div>
</div>
@if (count($errors) > 0)
    <div class="alert alert-warning alert-styled-left alert-arrow-left alert-component">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
<!-- Ajax sourced data -->
				<div class="panel panel-flat">

					@hasSection('description')
					<div class="panel-body">
						@yield('description')
					</div>
					@endif
					<table id="example1" class="table  table-xxs text-size-small">
						<thead>
							<tr>
									<th></th>
									<th>ID</th>
									<!-- <th>ID Pengajuan</th> -->
									<!-- <th >Waktu Pengajuan</th> -->
									<th style="width:350px;">Judul</th>
									<th style="width:250px;">Kategori</th>
									<!-- <th >Status</th> -->
									<th style="width:450px;">Update Terakhir</th>
									@if($show_actions)
									<th class="text-center" >Aksi</th>
									@endif
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
					<!-- /ajax sourced data -->

@lv_access("Approvals", "create")
<div class="modal fade" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Tambah Pengajuan</h4>
			</div>
			{!! Form::open(['action' => 'LaravelVueAdmin\ApprovalsController@store', 'id' => 'approval-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
					@php $values = collect(\DB::select( \DB::raw("SELECT `AUTO_INCREMENT` FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_NAME = 'approvals';")))->first();
					$values = LvConfigs::getBySection('approvals') . (intval(LvConfigs::getByKey('approvals')+$values->AUTO_INCREMENT));
					@endphp
					<input type="hidden" name="appCODE" value="{{ $values }}"></input>
							<div class="form-group">
								<label for="approval_number">ID Pengajuan :</label>
								<input class="form-control valid" placeholder="Enter Kode Pengajuan" data-rule-minlength="6" data-rule-maxlength="20" name="approval_number" type="text" value="{{ $values }}" readonly="readonly">
							</div>
					@lv_input($module, 'title')
					@lv_input($module, 'desc')
					@lv_input($module, 'category')
					<div class="form-group">
						<label for="doc" style="display:block;">Attachment :</label>
						<input class="form-control" placeholder="Enter Attachment" name="doc" type="hidden" value="[]">
						<div class="uploaded_files"></div>
						<a class="btn btn-default btn_upload_files legitRipple" file_type="files" selecter="doc" style="margin-top:5px;">Upload <i class="icon-upload"></i>
						</a>
					</div>
					@lv_input($module, 'status')
					@lv_input($module, 'created_by')
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endlv_access
@lv_access("Approval_ds", "create")
<div class="modal fade" id="QuickOpen" role="dialog" aria-labelledby="myOpenLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="myOpenLabel">Tambah Review</h4>
			</div>
			{!! Form::open(['action' => 'LaravelVueAdmin\Approval_dsController@store', 'id' => 'approval_d-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
					<input type="hidden" name="appID" id="appID" value=""></input>
					<input type="hidden" name="appSTAT" id="appStat" value=""></input>
					@php $detail = Module::get('Approval_ds'); @endphp
					@lv_form($detail)

					<div id="appStatus">
						@lv_input($module, 'status')
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endlv_access
@endsection

@push('scripts')
<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/LaravelVueAdmin/assets/js/pages/extra_fab.js') }}"></script>
<script type="text/javascript" src="{{asset('/LaravelVueAdmin/assets/js/plugins/ui/prism.min.js')}}"></script>
<script src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('LaravelVueAdmin/assets/js/plugins/tables/datatables/extensions/responsive.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('LaravelVueAdmin/assets/js/pages/datatables_responsive.js')}}"></script>
<script>
var doms_func = function () {
	var rows=0;
	$.ajax({
		url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/approval_dt_ajax') }}",
		type:"GET",

		async: false,
		success:function(res){
			rows = res.recordsTotal;
			if(rows > 50){
				doms=  '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>';
			} else {
				doms=  '<"datatable-header"f><"datatable-scroll"t><"datatable-footer">';
			}
		}
	});
	return doms;
}();
	$(function () {
		var doms="";
		var $rows = "";
		$.ajax({
				url:"{{ url(config('LaravelVueAdmin.adminRoute') . '/approval_dt_ajax') }}",
				type:"GET",
				success:function(res){
				rows = res.recordsTotal;
				}
		});

		if($rows > 50){
			doms =  '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>';
		} else {
			doms =  '<"datatable-header"f><"datatable-scroll"t><"datatable-footer">';
		}


		var tabel = $("#example1").DataTable({
			responsive: {
				details: {
                type: 'column',
                target:'tr'
          }
			},

			processing: true,
			serverSide: true,
			dom:doms,
			"fnDrawCallback": function (oSettings) {
				 $('#example1 tbody tr').each(function () {
					 $('[data-popup="tooltip"]').tooltip();
					 $('[data-popup="popover"]').popover();
				 });
      },
			lengthMenu: [[50, 100, 150, -1], [50, 100, 150, "Semua"]],
			iDisplayLength: 50,
	        drawCallback: function () {
	            $(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
							 $('[data-popup="tooltip"]').tooltip();
							  $('[data-popup="popover"]').popover();
	        },
	        preDrawCallback: function() {
	            $(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
							$('[data-popup="tooltip"]').tooltip();
						 	$('[data-popup="popover"]').popover();
	        },

			ajax: "{{ url(config('LaravelVueAdmin.adminRoute') . '/approval_dt_ajax') }}",
			columnDefs: [
			{
            className: 'control',
            orderable: false,
            targets:   0
      },
			{
				orderable: false,
				visible: false,
				targets: [1]
			}@if($show_actions),{
				className: 'text-center',
                orderable: false,
				width: "100px",
                targets: [5]
            }@endif],
		});
		$.fn.dataTable.ext.errMode = 'none';
		$('#example1').on('error.dt', function(e, settings, techNote, message) {
			(function($) {
					$.jGrowl('Terjadi kesalahan saat <strong>memuat data</strong>, Silahkan <a class="alert-link" onclick="window.location.reload(true);"><u><i class="icon-reload-alt"></i>MUAT ULANG</u></a> halaman!', {
						position: 'center',
						theme: 'bg-danger alert-styled-left',
						sticky: true,
						header: 'PROSES DIHENTIKAN'
					});
			})(window.jQuery);
		});

	$(document).on("click", ".paginate_button", function () {
		var info = tabel.page.info();
		window.location.hash = '#'+info.start;
		//history.pushState(undefined, undefined, "#" + info.start);
	});
	$(document).on("keyup", "[type='search']", function () {
		history.pushState(undefined, undefined, "?q=" + $(this).val());

	});
	$(document).on("click", "[data-action='reload']", function () {
		tabel.ajax.reload( null, false );
	});
	var clone = $(".modal-body #appStatus").html();
	$(document).on("click", ".quickOpen", function () {
		var myId = $(this).data('id');
		var myStatus = $(this).data('status');
		$('[name=approval_id]').val(myId).trigger('change');
		$(".modal-body #appID").val(myId);
		$(".modal-body #appStat").val(myStatus);

		if (myStatus == "11") {
			$(".modal-body #appStatus").html(
				'<label><input checked="checked" name="status" type="radio" value="11"> Sedang Diproses </label>  <label><input name="status" type="radio" value="12"> Sudah Diproses </label>  <label><input name="status" type="radio" value="13"> Batalkan </label>'
			);
		} else {
			$(".modal-body #appStatus").html(clone);
		}
	});
	$(document).on("click", ".hapus", function () {
		id = $(this).data('id');
		swal({
			title: "Apakah anda yakin?",
			text: "Data yang dihapus tidak dapat dikembalikan",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#EF5350",
			confirmButtonText: "Hapus",
			cancelButtonText: "Batal",
			closeOnConfirm: false,
			closeOnCancel: false
		},
		function (isConfirm) {
			if (isConfirm) {
				$.ajax({
					url: $("#formHapus-" + id).attr('action'),
					data: $("#formHapus-" + id).serialize(),
					type: 'POST',
					dataType: 'json',
					beforeSend: function () {
						swal('Loading', 'Sedang menghapus data . . .', 'info');
					},
					success: function (res) {
						if (res.result == 'success') {
							swal({
								title: "Sukses!",
								text: res.msg,
								type: 'success',
								confirmButtonColor: '#27ae60',
								allowOutsideClick: false,
							},
							function (result) {
								tabel.ajax.reload(null, false);
							});
						} else {
							swal('Error!', res.msg, 'error');
						}
					},
					error: function (errors) {
						swal("Oops", errors.statusText, "error");
					}
				});
			}
			else {
				swal({
					title: "Batal",
					text: "Proses dibatalkan",
					confirmButtonColor: "#2196F3",
					type: "error"
				});
			}
		});
	});
	$('.modal').on('shown.bs.modal', function() {
		$(this).find('[autofocus]').focus();
	});
	$("input[name='title']").attr('autofocus','autofocus');
});
</script>
@endpush