@extends('layout.app')
@section('title')
    SPV | {{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>
										List Data
									</span>
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__body">
                            <div class="m-section" id="data-kategori">
                                <div class="m-section__content">
									<button type="button" class="btn btn-info" data-toggle="modal" data-target="#AddJob">Tugas Tambahan</button><br><br>
                                    <table class="table table-bordered table-hover m-table" id="tabel">
                                        <thead>
                                        <tr>
                                            <th>Tgl Entry</th>
                                            <th>Bagian Pemohon</th>
                                            <th>Nama 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="CloseJob" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="titleModal">
                        Close Job
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">
						×
					</span>
                    </button>
                </div>
                {!! Form::open(['route' => 'spv.close.job','id'=>'form_closeJob']) !!}
                <input type="hidden" name="status" id="status" value="">
                <input type="hidden" name="recID" id="recID" value="">
                <div class="modal-body">
                    <div class="col-lg-12">
                        <div class="form-group m-form__group">
                            <label class="col-form-label">Remark SPV</label>
                            <textarea name="remark" class="form-control" id="remark"></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">
                        Simpan
                    </button>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
	<div class="modal" id="AddJob" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="titleModal">
                        Tugas Tambahan
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">
						×
					</span>
                    </button>
                </div>
                {!! Form::open(['route' => 'spv.add.job','id'=>'form_addJob','enctype'=>'multipart/form-data']) !!}
                <div class="modal-body">
                    <div class="col-lg-12">
                        <div class="form-group m-form__group">
                            <label for="uraian">
                                Judul
                            </label>
                            <input class="form-control m-input m-input--air" id="judul" name="judul" value="{{old('judul')}}" >
                        </div>
                        <div class="form-group m-form__group">
                            <label for="uraian">
                                Uraian Permohonan
                            </label>
                            <textarea class="form-control m-input m-input--air" id="uraian" name="uraian" rows="3">{{old('uraian')}}</textarea>
                        </div>
                        <div class="form-group m-form__group">
                            <label for="fileName">
                                File Browser
                            </label>
                            <div></div>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="photo" name="photo">
                                <label class="custom-file-label" for="fileName">
                                    Choose file
                                </label>
                            </div>
                        </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">
                        Simpan
                    </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.spv.listdata') }}",
                "columns": [
                    // {data: 'kode'},
                    {data: 'date_entry'},
                    {data: 'jabatan.namajabatan'},
                    {data: 'user_pemohon.nama'},
                    {data: 'judul'},
                    {data: 'uraian'},
                    {data: 'menu', orderable: false, searchable: false,'class':'text-center'}
                ]
            });

            $('#form_closeJob').submit(function (event) {
                event.preventDefault();
                var post_url = $(this).attr("action"); //get form action url
                var form = $('#form_closeJob')[0]; // You need to use standard javascript object here
                var formData = new FormData(form);
                $.ajax( {
                    type: "POST",
                    url: post_url,
                    processData: false,
                    contentType: false,
                    data: formData,
                    success: function( response ) {
                        if (response.status==true){
                            $('body').append(response.message);
                            $('#tabel').DataTable().ajax.reload();
                            $('#form_closeJob').trigger('reset');
                            $('#recID').val('');
                            $('#status').val('');
                            $('#CloseJob').modal('hide');
                        } else{
                            $('body').append(response.message);
                        }
                    }
                });

            });

        });
        
        function closeJob(id) {
            $('#CloseJob').modal('show');
            $('#titleModal').empty();
            $('#titleModal').append('Close Job');
            $('#status').val(0);
            $('#recID').val(id);
        }
        
        function rejectJob(id) {
            $('#CloseJob').modal('show');
            $('#titleModal').empty();
            $('#titleModal').append('Reject Job');
            $('#status').val(1);
            $('#recID').val(id);
        }
    </script>
@endsection