@extends('layouts.main')

@section('extra-style')
@endsection

@section('content')
    <div class="page-content">
        <div class="page-title-box">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <h4 class="page-title mb-1">Penggunaan Ruang Rapat</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card">
                            <div class="card-body">
                              <div class="form-group" style="margin-bottom: 0rem;">
                                <button type="button" class="btn btn-primary" style="width: 100%;" onclick="modalPenggunaanRuangRapat('create')">Tambah Data</button>
                              </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-body">
                                <h4 class="header-title mb-4">List Data</h4>
                                <div class="table-responsive">
                                    <table class="table table-prr" style="border-bottom:1px; width: 100%;">
                                        <thead class="bg-white">
                                            <tr class="text-center">
                                                <th width="5%" class="text-center">No</th>
                                                <th width="95%" class="text-center">Data</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	@include('penggunaan-ruang-rapat.modal')
@endsection

@section('extra-script')
    <script>
        var auth_pegawai = "{{ Auth::user()->pegawai_id }}";
        var auth_role = "{{ Auth::user()->role }}";
        var baseUrl = "{{ url('/') }}".replace("/index.php", "");

        $(document).ready(function() {
            getData();

            $('.modal-prr').on('hidden.bs.modal', function(e) {
                $(".title-modal").text("");
                $(".prr-id").val("");
                $(".prr-bidang").val("-").trigger("change");
                $(".prr-ruang").val("-").trigger("change");
                $(".prr-tgl-penggunaan-mulai").val("");
                $(".prr-jam-penggunaan-mulai").val("");
                $(".prr-tgl-penggunaan-akhir").val("");
                $(".prr-jam-penggunaan-akhir").val("");
                $(".prr-keterangan").val("");
                $(".btn-submit").addClass("d-none");
                $(".btn-update").addClass("d-none");
            });
        });

        function batal() {
            $(".modal-prr").modal("hide");
        }

        function getData() {
            $('.table-prr').DataTable().destroy();
            $('.table-prr').DataTable({
                responsive: false,
                serverSide: true,
                bAutoWidth: false,
                scrollX: true,
                scrollY: "500px",
                scrollCollapse: true,
                bLengthChange: true,
                bPaginate: true,
                // bFilter: true,
                bInfo: true,
                "searching": false,
                // searching: true,
                // dom:'lBfrtip',
                ajax: {
                    url: '{{ route("penggunaan_ruang_rapat.get_data") }}',
                    type: "get",
                    data: {
                        "_token": "{{ csrf_token() }}",
                    }
                },
                columns: [
                    { 
                        data: 'DT_RowIndex', 
                        name: 'DT_RowIndex', 
                        orderable: false, 
                        searchable: false 
                    },
                    {
                        data: 'penggunaan',
                        name: 'penggunaan',
                        class: 'text-left'
                    }
                ],
                pageLength: 10,
                lengthMenu: [
                    [10, 20, 50, -1],
                    [10, 20, 50, 'All']
                ],
                order: [[1, 'asc']]
            });
        //   "responsive": false, "lengthChange": false, "autoWidth": false,
        //   "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
                // }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
        }

        function modalPenggunaanRuangRapat(params) {
            $('.modal-prr').modal({backdrop: 'static', keyboard: false});

            if (params == 'create') {
                modal_tipe = "create";
                $(".title-modal").text("Tambah Penggunaan Ruang Rapat");
                $(".btn-update").addClass("d-none");
                $(".btn-submit").removeClass("d-none");

            } else {
                modal_tipe = "edit";
                let item = JSON.parse(atob(params));
                
                $(".title-modal").text("Edit Penggunaan Ruang Rapat");
                $(".prr-id").val(item.id);
                $(".prr-bidang").val(item.prr_bidang_id).trigger("change");
                $(".prr-ruang").val(item.prr_ruang_id).trigger("change");
                $(".prr-tgl-penggunaan-mulai").val(item.prr_tanggal_penggunaan_mulai_format);
                $(".prr-jam-penggunaan-mulai").val(item.prr_jam_penggunaan_mulai);
                $(".prr-tgl-penggunaan-akhir").val(item.prr_tanggal_penggunaan_akhir_format);
                $(".prr-jam-penggunaan-akhir").val(item.prr_jam_penggunaan_akhir);
                $(".prr-keterangan").val(item.prr_keterangan);
                
                $(".btn-submit").addClass("d-none");
                $(".btn-update").removeClass("d-none");
            }

            $('.modal-prr').modal('show');
        }

        function cekFormEntri() {
            if ($(".prr-bidang").val() == null) {
                Swal.fire({
                    title: "Info",
                    text: "Bidang belum dipilih",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-ruang").val() == null) {
                Swal.fire({
                    title: "Info",
                    text: "Ruang rapat belum dipilih",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-tgl-penggunaan-mulai").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Tanggal mulai penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-jam-penggunaan-mulai").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Jam mulai penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-tgl-penggunaan-akhir").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Tanggal akhir penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-jam-penggunaan-akhir").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Jam akhir penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-keterangan").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Keterangan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else {
                simpanPenggunaan();
            }
        }

        function simpanPenggunaan() {
            $.ajax({
                url: "{{ route('penggunaan_ruang_rapat.simpan') }}",
                type: "post",
                data: $(".form-prr").serialize(),
                success: function(response) {
                    if (response.status == "berhasil") {
                        $(".modal-prr").modal("hide");
                        Swal.fire({
                            title: "Sukses",
                            text: "Data berhasil disimpan",
                            icon: "success",
                            showConfirmButton: false,
                            timer: 1000
                        }).then(function() {
                            getData();
                        });

                    } else if (response.status == "gagal") {
                        Swal.fire({
                            title: "Gagal",
                            text: "Data gagal disimpan",
                            icon: "error",
                            showConfirmButton: true
                        });
                        console.log(response.message);
                    }
                },
                error: function(request, status, error) {
                    // window.location.href = "{{ url('/login') }}";
                    Swal.fire({
                        title: "Error",
                        text: "Terjadi kesalahan",
                        icon: "error",
                        showConfirmButton: true
                    });
                    console.log(request.responseText);
                }
            });
        }

        function cekFormEntriUpdate() {
            if ($(".prr-bidang").val() == null) {
                Swal.fire({
                    title: "Info",
                    text: "Bidang belum dipilih",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-ruang").val() == null) {
                Swal.fire({
                    title: "Info",
                    text: "Ruang rapat belum dipilih",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-tgl-penggunaan-mulai").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Tanggal mulai penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-jam-penggunaan-mulai").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Jam mulai penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-tgl-penggunaan-akhir").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Tanggal akhir penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-jam-penggunaan-akhir").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Jam akhir penggunaan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else if ($(".prr-keterangan").val() == "") {
                Swal.fire({
                    title: "Info",
                    text: "Keterangan masih kosong",
                    icon: "info",
                    showConfirmButton: true
                });
            } else {
                updatePenggunaan();
            }
        }

        function updatePenggunaan() {
            $.ajax({
                url: "{{ route('penggunaan_ruang_rapat.update') }}",
                type: "post",
                data: $(".form-prr").serialize(),
                success: function(response) {
                    if (response.status == "berhasil") {
                        $(".modal-prr").modal("hide");
                        Swal.fire({
                            title: "Sukses",
                            text: "Data berhasil diupdate",
                            icon: "success",
                            showConfirmButton: false,
                            timer: 1000
                        }).then(function() {
                            getData();
                        });

                    } else if (response.status == "gagal") {
                        Swal.fire({
                            title: "Gagal",
                            text: "Data gagal diupdate",
                            icon: "error",
                            showConfirmButton: true
                        });
                        console.log(response.message);
                    }
                },
                error: function(request, status, error) {
                    // window.location.href = "{{ url('/login') }}";
                    Swal.fire({
                        title: "Error",
                        text: "Terjadi kesalahan",
                        icon: "error",
                        showConfirmButton: true
                    });
                    console.log(request.responseText);
                }
            });
        }

        function hapusPenggunaan(id) {
            Swal.fire({
                title: 'Konfirmasi',
                text: 'Apakah anda yakin ingin menghapus data tersebut ?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3051d3',
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.value == true) {
                    $.ajax({
                        url: '{{ route('penggunaan_ruang_rapat.hapus') }}',
                        type: 'post',
                        data: {
                            "prr_id": id
                        },
                        success: function(response) {
                            if (response.status == 'berhasil') {
                                Swal.fire({
                                    title: "Berhasil",
                                    text: 'Data berhasil dihapus',
                                    icon: "success",
                                    showConfirmButton: false,
                                    timer: 1000
                                }).then(function() {
                                    getData();
                                });
                            } else if (response.status == 'gagal') {
                                Swal.fire({
                                    title: "Gagal",
                                    text: "Data gagal dihapus",
                                    icon: "error",
                                    showConfirmButton: true
                                });
                                console.log(response.message);
                            }
                        },
                        error: function(request, status, error) {
                            Swal.fire({
                                title: "Error",
                                text: "Terjadi kesalahan",
                                icon: "error",
                                showConfirmButton: true
                            });
                            console.log(request.responseText);
                        }
                    });
                }
            });
        }
    </script>
@endsection