@include('header')
<div class="padding">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                {{-- <div class="box-header">
                </div> --}}
                <div class="box-divider m-0"></div>
                <div class="box-header bg-dark">
                    <h4 class="text-white">Eksemplar</h4>
                </div>

                <div class="box-body">
                    <div class="col-md-12">
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @elseif(session('failed'))
                            <div class="alert alert-danger">
                                {{ session('failed') }}
                            </div>
                        @endif
                        <br>
                        <div class="table-responsive">

                            <table id="tabletdok" class="table  table-bordered table-striped" data-plugin="dataTable">
                                <thead class="bg-success text-white">
                                <tr>
                                    <th width="50">No</th>
                                    <th>
                                        Judul
                                    </th>
                                    <th>
                                        Kode Eksemplar
                                    </th>
                                    <th>
                                        Nomor Panggil
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                    <th>
                                        <center>Action</center>
                                    </th>

                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="modal-editgmd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="row-col h-v">
        <div class="row-cell v-m">
            <div class="modal-dialog modal-lg">
                <form id="editx" method="POST" action="{{ route('master.edititem') }}" class="form-horizontal form-label-left">
                    <div class="modal-content">
                        <div class="modal-header" style="background-color: #0C6B0F;">
                            <h5 class="modal-title" id="judul" style="color: white;">Edit Eksemplar</h5>
                        </div>
                        <div class="modal-body text-center p-lg" style="background-color: #ffffff;" id="state">
                            <div class="box-header">
                                <div class="col-md-12">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="id_eks" id="id_eks">
                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Judul</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="judulEks" id="judulEks" style="background-color: light-grey;" class="form-control" autocomplete="off" readonly>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Kode Eksemplar</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="patterneks" id="patterneks" style="background-color: light-grey;" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">No Panggil</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="nopanggileks" id="nopanggileks" style="background-color: light-grey;" class="form-control" readonly >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Kode Inventaris</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="kodeinventariseks" id="kodeinventariseks" style="background-color: light-grey;" class="form-control" autocomplete="off" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Lokasi</label>
                                        <div class="col-sm-8">
                                            <select style="width:100%;" class="form-control select2" name="lokasieks" id="lokasieks">
                                                <option value="">-- Silahkan Pilih --</option>
                                                @foreach($lokasi as $item)
                                                    <option value="{{ $item->id }}">{{ $item->code.' - '.$item->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Lokasi Rak</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="lokasirakeks" id="lokasirakeks" style="background-color: light-grey;" class="form-control" autocomplete="off" >
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tipe Koleksi</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="tipekoleksieks" id="tipekoleksieks">
                                                <option value="">-- Silahkan Pilih --</option>
                                                @foreach($dtk as $bd)
                                                @if($bd->id != 1)
                                                    <option value="{{ $bd->id }}">{{ $bd->name }}</option>
                                                @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Status Eksemplar</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2"  name="statuseks" id="statuseks" style="width:100%;">
                                                <option value="">-Pilih Status Eksemplar-</option>
                                                <option value="1">Tersedia</option>
                                                <option value="2">Di Pinjam</option>
                                                <option value="3">Sedang Di Reservasi</option>
                                                <option value="4">Data Tidak Aktif</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Nomor Pemesanan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="nomorpemesaneks" id="nomorpemesaneks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Pemesanan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglpemesananeks" id="tglpemesananeks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Penerimaan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglpenerimaaneks" id="tglpenerimaaneks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Agen</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="ageneks" id="ageneks">
                                                <option value="">-Pilih Agen-</option>
                                                <option value="0">Tidak Digunakan</option>
                                                <option value="1">Digunakan</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Sumber Perolehan</label>
                                        <div class="col-sm-8">
                                            <select class="form-control select2" style="width:100%;" name="sumberperolehaneks" id="sumberperolehaneks">
                                                <option value="">-Pilih Sumber Perolehan-</option>
                                                <option value="0">Beli</option>
                                                <option value="1">Hadiah/Hibah</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Faktur</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="faktureks" id="faktureks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>

                                     <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Tanggal Faktur</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tglfaktureks" id="tglfaktureks" class="form-control tanggal" autocomplete="off">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label class="col-sm-4 col-form-label" style="color: #0C6B0F;">Harga</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="hargaeks" id="hargaeks" class="form-control" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer" style="background-color: #0C6B0F;">
                            <button type="button" class="btn btn-danger p-x-md" data-dismiss="modal">Batal</button>
                            <button type="submit" class="btn btn-success" id="btn-savez" value="add">Update</button>
                        </div>
                    </div><!-- /.modal-content -->
                </form>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function(){
        $("#jumlah_pinjaman").keyup(function(){
            var uname = $("#jumlah_pinjaman").val();
            // alert(uname);
            $.get('{{url("getemplar")}}/' + uname, function (data) {
                console.log(data);
                if (data == 0) {
                    $('#cekl').html("<font color='green'>Kode Tersedia</font>");
                    $('#btn-savez').show();
                } else {
                    $('#cekl').html("<font color='red'>Kode Telah digunakan</font>");
                    $('#btn-savez').hide();
                }
                // $('#alot').html(data);
            });
        });
        flatpickr(".tanggal", {
            altInput: true,
            altFormat: "d/m/Y",
            dateFormat: "Y-m-d"
        });
    });
    function edit(obj) {
        $('#modal-editgmd').modal('show');

        var item = $(obj).data('item');

        console.log(item);
        
        $("#judulEks").val(item.judul);
        $("#patterneks").val(item.kode_eksemplar);
        $("#nopanggileks").val(item.no_panggil);
        $("#kodeinventariseks").val(item.kode_inventaris);
        $('#lokasieks').val(item.id_lokasi);
        $('#lokasieks').trigger('change');
        $('#lokasirakeks').val(item.lokasi_rak);
        $('#tipekoleksieks').val(item.tipe_lokasi);
        $('#statuseks').val(item.status_eksemplar);
        $('#nomorpemesaneks').val(item.nomor_pemesanan);

        var tglpemesananeks_form = flatpickr('#tglpemesananeks',{
            altInput: true,
            altFormat: "d/m/Y"
        });
        tglpemesananeks_form.setDate(item.tgl_pemesanan);

        var tglpenerimaaneks_form = flatpickr('#tglpenerimaaneks',{
            altInput: true,
            altFormat: "d/m/Y"
        });
        tglpenerimaaneks_form.setDate(item.tgl_penerimaan);

        $('#ageneks').val(item.agen);
        $('#sumberperolehaneks').val(item.sumber_perolehan);
        $('#faktureks').val(item.faktur);

        var tglfaktureks_form = flatpickr('#tglfaktureks',{
            altInput: true,
            altFormat: "d/m/Y"
        });
        tglfaktureks_form.setDate(item.tgl_faktur);

        $('#hargaeks').val(item.harga);

        $('#id_eks').val(item.id);
    }

    $(function () {
        $('#tabletdok').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('datatables.item') }}",
            columns: [
                {data: 'DT_RowIndex',name: 'DT_RowIndex'},
                {data: 'judul', name: 'judul'},
                {data: 'kode_eksemplar', name: 'kode_eksemplar'},
                {data: 'no_panggil', name: 'no_panggil'},
                {data: 'status', name: 'status'},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ]
        });
    });

    function myFunction() {
        var txt;
        var r = confirm("Press a button!");
        if (r == true) {
            return true;
        } else {
            return false;
        }
    }

    function deleteThis(id) {

        swal({
            title: "Apa Anda yakin?",
            text: "Data akan terhapus!",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: "btn-danger",
            confirmButtonText: "Ya, hapus!",
            cancelButtonText: "Tidak, tidak jadi!",
            closeOnConfirm: false,
            closeOnCancel: false
        }).then(function (isConfirm) {
            if (isConfirm.value) {
                $('#delme' + id).submit();
            } else {
                swal("Tidak jadi", "Data Anda aman dan tidak dihapus :)", "error");
            }
        })
    }

    function tambahmember() {

        $('#nama_senjata').val('');
        $('#kode_senjata').val('');
        $('#modaltambahmember').modal('show');
        document.getElementById('judul').innerHTML = 'Tambah Senjata';
        $('#btn-save').val("add");

    }
</script>
<script>

    // Function to check Whether both passwords
    // is same or not.
    function checkPassword(form) {
        password1 = form.password.value;
        password2 = form.password_confirm.value;

        // If password not entered
        if (password1 == '') {
            alert("Please enter Password");
            return false;
        }

        // If confirm password not entered
        else if (password2 == '') {
            alert("Please enter confirm password");
            return false;
        }


        // If Not same return False.
        else if (password1 != password2) {
            alert("\nPassword did not match: Please try again...");
            return false;
        }

        // If same return True.
        else {
            return true;
        }
    }
</script>
<style>
    .gfg {
        font-size: 40px;
        color: green;
        font-weight: bold;
        text-align: center;
    }

    .geeks {
        font-size: 17px;
        text-align: center;
        margin-bottom: 20px;
    }
</style>


@include('footer')