@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">List {{ $title_menu }}</h5>
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                <div class="nav-wrapper">
                                    {{-- check authorize add --}}
                                    @if ($authorize->add == '1')
                                        {{-- button add --}}
                                        <button class="btn btn-primary mb-0"
                                            onclick="window.location='{{ URL::to($url_menu . '/add') }}'"><i
                                                class="fas fa-plus me-1"> </i><span class="font-weight-bold">Tambah</button>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th>No</th>
                                            {{-- <th>ID Antrian</th> --}}
                                            <th>Tanggal</th>
                                            <th>No Antrian</th>
                                            <th>NIK</th>
                                            <th>Nama</th>
                                            <th>Pemeriksa</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- retrieve table detail --}}
                                        @php
                                            $no = 1;
                                        @endphp
                                        @foreach ($antrian as $ant)
                                            <tr>
                                                <td>{{ $no++ }}</td>
                                                {{-- <td>{{ $ant->idantrian }}</td> --}}
                                                <td>{{ $ant->tgl }}</td>
                                                <td>{{ $ant->no_antri }}</td>
                                                <td>{{ $ant->nik }}</td>
                                                <td>{{ $ant->nama }}</td>
                                                <td>{{ $ant->nama_dokter }}</td>
                                                <td>
                                                    @if ($ant->status == 'F')
                                                        <span class="badge bg-success">Finish</span>
                                                    @elseif ($ant->status == 'E')
                                                        <span class="badge bg-info">Entry</span>
                                                    @else
                                                        <span class="badge bg-danger">Cancel</span>
                                                    @endif
                                                </td>
                                                <td class="text-sm font-weight-normal">
                                                    {{-- button view --}}
                                                    <button type="button" class="btn btn-sm btn-primary mb-0"
                                                        title="View Data"
                                                        onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($ant->idantrian)) }}'">
                                                        <i class="fas fa-eye"> </i><span class="font-weight-bold">
                                                            View</span>
                                                    </button>
                                                    {{-- check authorize edit --}}
                                                    @if ($authorize->edit == '1')
                                                        {{-- check status active --}}
                                                        @if ($ant->status == 'E')
                                                            {{-- button edit --}}
                                                            <button type="button" class="btn btn-sm btn-warning mb-0"
                                                                title="Edit Data"
                                                                onclick="window.location='{{ url($url_menu . '/edit' . '/' . encrypt($ant->idantrian)) }}'">
                                                                <i class="fas fa-edit"></i><span class="font-weight-bold">
                                                                    Edit</span>
                                                            </button>
                                                            <button type="button" class="btn btn-sm btn-success mb-0"
                                                                title="Proses"
                                                                onclick="showConfirmation('{{ $ant->idantrian }}', '{{ $ant->status }}')">
                                                                <i class="ni ni-check-bold"> </i><span
                                                                    class="font-weight-bold">
                                                                    Proses</span>
                                                            </button>
                                                        @endif
                                                    @endif
                                                    @if ($authorize->print == '1')
                                                        <button type="button" class="btn btn-sm btn-secondary mb-0"
                                                            title="Print"
                                                            onclick="printPDF('{{ encrypt($ant->idantrian) }}')">
                                                            <i class="fas fa-download"> </i><span class="font-weight-bold">
                                                                Print</span>
                                                        </button>
                                                    @endif
                                                    {{-- button delete --}}
                                                    @if ($authorize->delete == '1')
                                                        <button type="button" class="btn btn-sm btn-danger mb-0"
                                                            title="Hapus"
                                                            onclick="confirmDelete('{{ encrypt($ant->idantrian) }}')">
                                                            <i class="fas fa-trash"></i><span class="font-weight-bold">
                                                                Hapus</span>
                                                        </button>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Area untuk menampilkan PDF -->
    <div class="container mt-4">
        <iframe id="pdfFrame" style="width: 0%; height: 0vh; display: none;" frameborder="0"></iframe>
    </div>
@endsection
@push('js')
    <script>
        let columnAbjad = '';
        $(document).ready(function() {
            let numColumns = $('#list_{{ $dmenu }}').DataTable().columns().count();
            let columnNames = '';
            for (let index = 0; index < numColumns; index++) {
                columnNames = $('#list_{{ $dmenu }}').DataTable().columns(index).header()[0].textContent;
                if (columnNames == 'Status' || columnNames == 'status') {
                    columnAbjad = String.fromCharCode(65 + index);
                }
            }
        });
        //set table into datatables
        $('#list_{{ $dmenu }}').DataTable({
            "language": {
                "search": "Cari :",
                "lengthMenu": "Tampilkan _MENU_ baris",
                "zeroRecords": "Maaf - Data tidak ada",
                "info": "Data _START_ - _END_ dari _TOTAL_",
                "infoEmpty": "Tidak ada data",
                "infoFiltered": "(pencarian dari _MAX_ data)"
            },
            responsive: true
        });
        //set color button datatables
        $('.dt-button').addClass('btn btn-secondary');
        $('.dt-button').removeClass('dt-button');

        //function delete
        function deleteData(event, name, msg) {
            event.preventDefault(); // Prevent default form submission
            Swal.fire({
                title: 'Konfirmasi',
                text: `Apakah Anda Yakin ${msg} Data ${name} ini?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: `Ya, ${msg}`,
                cancelButtonText: 'Batal',
                confirmButtonColor: '#028284'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Find the closest form element and submit it manually
                    event.target.closest('form').submit();
                }
            });
        }

        function showConfirmation(idantrian, status) {
            var prosesUrl = "{{ url('antrian/proses/') }}/" + idantrian;
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: 'Ingin memproses data antrian ' + idantrian + ' ?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Ya, lanjutkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    proses(prosesUrl);
                }
            });
        }

        function proses(prosesUrl) {
            $.ajax({
                url: prosesUrl,
                type: "POST",
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    Swal.fire({
                        title: 'Sukses',
                        text: 'Data antrian berhasil diproses.',
                        icon: 'success',
                        showConfirmButton: true,
                    }).then((result) => {
                        window.location.href = "{{ url($url_menu) }}";
                    });
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    Swal.fire({
                        title: 'Gagal',
                        text: 'Terjadi kesalahan saat memproses data.',
                        icon: 'error',
                        showConfirmButton: true
                    });
                    console.error(textStatus, errorThrown);
                }
            });
        }

        function printPDF(idantrian) {
            var pdfUrl = "{{ url($url_menu . '/print' . '/') }}/" + idantrian;

            // Menampilkan iframe
            var iframe = document.getElementById('pdfFrame');
            iframe.style.display = 'block'; // Menampilkan iframe

            // Update src iframe dengan URL PDF
            iframe.src = pdfUrl;
        }

        function confirmDelete(idencrypt) {
            // SweetAlert untuk konfirmasi
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: 'Antrian ini akan dihapus!',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya, hapus!',
                cancelButtonText: 'Batal',
                reverseButtons: true
            }).then((result) => {
                // Jika user mengklik "Ya, hapus!"
                if (result.isConfirmed) {
                    // Kirim permintaan ke URL delete dengan ID yang sudah dienkripsi
                    $.ajax({
                        url: '{{ url($url_menu . '/delete') }}/' + idencrypt,
                        type: 'GET',
                        success: function(response) {
                            // Tampilkan pesan sukses menggunakan SweetAlert setelah berhasil
                            Swal.fire({
                                title: 'Berhasil!',
                                text: response.message,
                                icon: 'success'
                            }).then(() => {
                                // Redirect kembali ke halaman setelah proses selesai
                                window.location.href =
                                    "{{ url($url_menu) }}"; // Ganti dengan URL yang sesuai
                            });
                        },
                        error: function(xhr) {
                            // Jika terjadi error, tampilkan pesan kesalahan
                            Swal.fire({
                                title: 'Gagal!',
                                text: 'Terjadi kesalahan saat menghapus antrian.',
                                icon: 'error'
                            });
                        }
                    });
                }
            });
        }
    </script>
@endpush