@extends('layout.main_layout')
@section('content')
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Daftar Jabatan Non-struktural</h5>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-md-12">
                            <button id="btnTambah" class="btn btn-primary dim" type="button" title="Tambah Pejabat Non-Struktural">
                                <i class="fa fa-plus"></i> &nbsp;Tambah
                            </button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover dataTables-example" id="tabel">
                                    <thead>
                                        <tr>
                                            <th>NIP</th>
                                            <th>Nama</th>
                                            <th>Jabatan Nonstruktural</th>
                                            <th>Status</th>
                                            <th>Menu</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal inmodal fade" id="modal-pejabat" role="dialog"  aria-hidden="true">
    <div class="modal-dialog">
        <form id="formJabatan" class="form-horizontal" method="post" action="{{route('tambah-nonstruktural')}}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" name="recid" id="recid" value="">
        <input type="hidden" name="nama_pejabat" id="nama_pejabat" value="">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="jdl">Tambah Pejabat Non-Struktural</h4>
                </div>
                <div class="modal-body" id="isi">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">NIP*</label>
                            <div class="col-sm-10">
                                <select id="nip_nonstruktural" class="entri select2 form-control select2-container" style="width: 100%;" name="nip_nonstruktural">
                                    <option value=""></option>
                                    @foreach($nip as $np)
                                    <option value="{{$np->nip_entri}}" data-nama="{{$np->nama}}">{{$np->nip}} - {{$np->nama}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Jabatan*</label>
                            <div class="col-sm-10">
                                <input placeholder="Jabatan Nonstruktural" type="text" name="namajabatan_nonstruktural" class="entri form-control" id="namajabatan_nonstruktural" required>
                                <label class="label-danger">{!!$errors->first('namajabatan_nonstruktural')!!}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">No. SK</label>
                            <div class="col-sm-10">
                                <input placeholder="Nomor SK" type="text" name="no_sk" class="entri form-control" id="no_sk">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Tgl. SK</label>
                            <div class="col-sm-10">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input placeholder="Tanggal SK" type="text" name="tgl_sk" class="entri form-control dpc" id="tgl_sk">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <x id="loadingbar">
                        <div class="btn btn-sm">
                            <div class="sk-spinner sk-spinner-wave">
                                <div class="sk-rect1"></div>
                                <div class="sk-rect2"></div>
                                <div class="sk-rect3"></div>
                                <div class="sk-rect4"></div>
                                <div class="sk-rect5"></div>
                            </div>
                        </div>
                        <div class="btn btn-sm" style="margin-left:-10px;">Harap Tunggu...</div>
                    </x>
                    <button type="button" class="btn btn-white" data-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary">Simpan</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection
@section('css')
<!-- Data Tables -->
<link href="{{asset('css/plugins/dataTables/dataTables.bootstrap.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/dataTables/dataTables.responsive.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/dataTables/dataTables.tableTools.min.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/iCheck/custom.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/jsTree/style.min.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/select2/select2.min.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/datapicker/datepicker3.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/sweetalert/sweetalert.css')}}" rel="stylesheet">
<style>
    .select2-container {
        z-index: 999999;
    }
</style>
@endsection
@section('js')
<!-- Data Tables -->
<script src="{{asset('js/plugins/dataTables/jquery.dataTables.js')}}"></script>
<script src="{{asset('js/plugins/dataTables/dataTables.bootstrap.js')}}"></script>
<script src="{{asset('js/plugins/dataTables/dataTables.responsive.js')}}"></script>
<script src="{{asset('js/plugins/dataTables/dataTables.tableTools.min.js')}}"></script>
<script src="{{asset('js/plugins/iCheck/icheck.min.js')}}"></script>
<!-- Nestable List -->
<script src="{{asset('js/plugins/nestable/jquery.nestable.js')}}"></script>
<script src="{{asset('js/plugins/jsTree/jstree.min.js')}}"></script>
<script src="{{asset('js/plugins/select2/select2.full.min.js')}}"></script>
<script src="{{asset('js/plugins/datapicker/bootstrap-datepicker.js')}}"></script>
<script src="{{asset('js/plugins/sweetalert/sweetalert.min.js')}}"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#tabel').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "{{ route('list-nonstruktural') }}",
        "columns": [
            {data: 'nip_nonstruktural', name: 'nip_nonstruktural', width: '1%'},
            {data: 'nama_pejabat', name: "nama_pejabat", width: '1%'},
            {data: 'namajabatan_nonstruktural', name: 'namajabatan_nonstruktural', width: '5%'},
            {data: 'status_jabatan', name: 'status_jabatan', width: '1%', orderable: false, searchable: false},
            {data: 'action', orderable: false, searchable: false, width: '1%'}
        ]
    });

    $("#nip_nonstruktural").select2({
        placeholder: "Pilih NIP",
        width: 'resolve',
        dropdownParent: $("#modal-pejabat")
    });

    $('#btnTambah').click(function(){
        $('#loadingbar').hide();
        $('#modal-pejabat').modal('show');
        $('.entri').val('');
        $('#recid').val('');
        $('#nama_pejabat').val('');
        $('#formJabatan').attr('action', '{{route("tambah-nonstruktural")}}');
    });

    $('.dpc').datepicker({
        todayBtn: "linked",
        format: "dd-mm-yyyy",
        keyboardNavigation: false,
        forceParse: false,
        autoclose: true,
        // setDate : "04-11-2016"
    });

    $('#nip_nonstruktural').change(function(){
        var nama = $("#nip_nonstruktural").select2().find(":selected").data("nama");
        $('#nama_pejabat').val(nama);
    });
});
function editJabatan(recid){
    $('#modal-pejabat').modal('show');
    $.ajax({
        url: "{{URL::to('detilpejabat_nonstruktural')}}"+"/"+recid,
        type: "GET",
        success: function(result){
            $('#loadingbar').hide();
            $('#nip_nonstruktural').val(result.data.nip_nonstruktural.trim()).trigger('change');
            $('#namajabatan_nonstruktural').val(result.data.namajabatan_nonstruktural);
            $('#no_sk').val(result.data.no_sk);
            $('#tgl_sk').datepicker('setDate', result.data.tgl_sk);
            $('#recid').val(recid);
            $('#nama_pejabat').val(result.data.nama_pejabat);
            $('#formJabatan').attr('action', '{{route("update-nonstruktural")}}');
        }
    });
}
function aktivasi(recid, tipe){
    var warn = '';
    var info = '';
    var error = '';
    if(tipe == 1){
        warn = 'Anda akan mengaktifkan jabatan ini.';
        info = 'Jabatan berhasil diaktifkan';
        error = 'Jabatan gagal diaktifkan';
    }
    else{
        warn = 'Anda akan menonaktifkan jabatan ini.';
        info = 'Jabatan berhasil dinonaktifkan';
        error = 'Jabatan gagal dinonaktifkan';
    }

    swal({
        title: "Apakah Anda yakin?",
        text: warn,
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Ya!",
        cancelButtonText: "Tidak",
        closeOnConfirm: false
    },
    function(){
        $.ajax({
            url: "{{route('aktivasi-nonstruktural')}}",
            type: "POST",
            data: {
                '_token' : '{{csrf_token()}}',
                'recid'  : recid,
                'aktivasi' : tipe
            },
            success: function(result){
                if(result['sukses'] == 1){
                    swal("Sukses!", info, "success");
                }
                else
                    swal("Gagal!", error, "error");
                var table = $('#tabel').dataTable();
                table.fnStandingRedraw();
            }
        });
    });
}
</script>
@endsection