@extends('layout.app')
@section('title')
	Layanan | {{env('APP_NAME')}}
@endsection
@section('content')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
	<div class="m-content">
		<div class="row">
			<div class="col-12">
				<div class="m-portlet m-portlet--creative m-portlet--first m-portlet--bordered-semi " id="data">
					<div class="m-portlet__head">
						<div class="m-portlet__head-caption">
							<div class="m-portlet__head-title">
								<h2 class="m-portlet__head-label m-portlet__head-label--accent">
									<span>
										Helpdesk List
									</span>
								</h2>
							</div>
						</div>
					</div>
					<div class="m-portlet__body">
						<div class="m-section" id="data-kategori">
							<div class="m-section__content">
								<table class="table table-bordered table-hover m-table" id="tabel">
									<thead>
										<tr>
											<th>Tgl Entry</th>
											<th>Bagian Pemohon</th>
											<th>Judul</th>
											<th>Uraian</th>
											<th>Menu</th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal" id="modal_SPV" role="dialog" data-keyboard="false" data-backdrop="static">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">
					SPV List
				</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">
						×
					</span>
				</button>
			</div>
			{!! Form::open(['route' => 'save.helpdesk']) !!}
			<input type="hidden" name="dataID" id="dataID">
			<input type="hidden" name="tipe" value="teruskan">
			<div class="modal-body">
				<div class="col-lg-12">
					<div class="form-group m-form__group row">
						<label class="col-form-label">Nama</label>
						<select class="form-control m-select2 d-block" id="spv" name="spv" required>
							<option value="">Pilih SPV</option>
							@foreach($spv as $row)
								<option value="{{$row->roleuser->nip}}">{{$row->roleuser->nama}} - {{$row->roleuser->jabatan->namajabatan}}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group m-form__group row">
						<label class="col-form-label">Requirement</label>
					</div>
					<div class="m-checkbox-list" id="check-list"></div>
					<div class="form-group m-form__group row">
						<label for="uraian">
							Remark
						</label>
						<textarea class="form-control m-input m-input--air" name="remark" rows="3"></textarea>
					</div>
					
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">
					Close
				</button>
				<button type="submit" class="btn btn-primary">
					Save changes
				</button>
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
<div class="modal" id="modal_close" role="dialog" data-keyboard="false" data-backdrop="static">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleModalLabel">
					Close Permohonan
				</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">
						×
					</span>
				</button>
			</div>
			{!! Form::open(['route' => 'save.helpdesk']) !!}
			<input type="hidden" name="dataID" id="dataID_">
			<input type="hidden" name="tipe" value="close">
			<div class="modal-body">
				<div class="col-lg-12">
					<div class="form-group m-form__group">
						<label for="uraian">
							Remark
						</label>
						<textarea class="form-control m-input m-input--air" name="remark" rows="3"></textarea>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">
					Close
				</button>
				<button type="submit" class="btn btn-primary">
					Save changes
				</button>
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endsection
@section('css')
<link href="{{asset('assets/vendors/custom/datatables/datatables.bundle.css')}}" rel="stylesheet" type="text/css" />
@endsection
@section('js')
<!--begin::Page Vendors -->
<script src="{{asset('assets/vendors/custom/datatables/datatables.bundle.js')}}" type="text/javascript"></script>
<script type="text/javascript">

	$(document).ready(function () {
		$('#tabel').DataTable({
	        "processing": true,
	        "serverSide": true,
	        "ajax": "{{ route('get.helpdesk.list') }}",
	        "columns": [
	            // {data: 'kode'},
	            {data: 'date_entry'},
	            {data: 'jabatan.namajabatan'},
	            {data: 'judul'},
	            {data: 'uraian'},
	            {data: 'menu', orderable: false, searchable: false}
	        ]
	    });
        $("#spv").select2({
            dropdownParent: $("#modal_SPV"),
            minimumInputLength:0,
            // allowClear: true,
            placeholder: 'Type Name',
			width: '100%'
        });
	});
	
	function close_(id) {
		// alert('aa');
        $('#dataID_').val('');
		$('#dataID_').val(id);
		$('#modal_close').modal('show');
	}

	function teruskan(id) {
        $('#dataID').val('');
		$('#dataID').val(id);
		$("#check-list").empty();
		mApp.block("#tabel",{
			overlayColor:"#000000",
			type:"loader",
			state:"success",
			message:"Please wait...",
			// baseZ: 1000, 
		});
		$.ajax({
	        type: "POST",
	        url: "{{route('getpermohonan.helpdesk')}}",
	        data: {recid: id, _token: "{{ csrf_token() }}"},
	        success: function (result)
	        {
				$.each(result.data, function(index, row){
					$("#check-list").append('<label class="m-checkbox m-checkbox--state-success">'+
								'<input type="checkbox" name="list[]" value="'+row.recid+'">'+
								row.requirement +
								'<span></span>'+
							'</label>');
				});
				$('#modal_SPV').modal('show');
	            mApp.unblock("#tabel");
	        }
	    });
    }
	
	
	
	function duplicate(id) {
        mApp.block("#tabel",{
			overlayColor:"#000000",
			type:"loader",
			state:"success",
			message:"Please wait...",
			// baseZ: 1000, 
		});
		$.ajax({
	        type: "POST",
	        url: "{{route('duplicate.helpdesk')}}",
	        data: {recid: id, _token: "{{ csrf_token() }}"},
	        success: function (result)
	        {
	        	$('#tabel').DataTable().ajax.reload();
	            mApp.unblock("#tabel");
	        }
	    });
    }
</script>
@endsection