@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 Form {{ $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 Form</th>
                                            <th>Tanggal</th>
                                            <th>NIK</th>
                                            <th>Nama</th>
                                            <th>Dokter</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $no = 1; @endphp
                                        @foreach ($formUtama as $fr)
                                            <tr data-status="{{ $fr->status }}" data-tgl-batas="{{ $fr->tgl_batas }}">
                                                <td>{{ $no++ }}</td>
                                                <td>{{ $fr->id }}</td>
                                                <td>{{ $fr->tgl_buat }}</td>
                                                <td>{{ $fr->nik }}</td>
                                                <td>{{ $fr->nama_karyawan }}</td>
                                                <td>{{ $fr->nama_dokter }}</td>
                                                <td>
                                                    @if ($fr->status == 'F')
                                                        <span class="badge bg-success">Permanen</span>
                                                    @elseif ($fr->status == 'E')
                                                        <span class="badge bg-info">Sementara</span>
                                                    @else
                                                        <span class="badge bg-danger">Cancel</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    {{-- button view --}}
                                                    <button type="button" class="btn btn-sm btn-primary mb-0"
                                                        title="View Data"
                                                        onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($fr->id)) }}'">
                                                        <i class="fas fa-eye"> </i><span class="font-weight-bold">
                                                            View</span>
                                                    </button>
                                                    {{-- check authorize edit --}}
                                                    {{-- @if ($fr->status !== 'F' || !$fr->reference) --}}
                                                    <button type="button" class="btn btn-sm btn-warning mb-0"
                                                        title="Edit Data"
                                                        onclick="window.location='{{ url($url_menu . '/edit' . '/' . encrypt($fr->id)) }}'">
                                                        <i class="fas fa-edit"></i><span class="font-weight-bold">
                                                            Edit</span>
                                                    </button>
                                                    {{-- @endif --}}
                                                    @if ($authorize->print == '1')
                                                        <button type="button" class="btn btn-sm btn-secondary mb-0"
                                                            title="Print" onclick="printPDF('{{ encrypt($fr->id) }}')">
                                                            <i class="fas fa-download"> </i><span class="font-weight-bold">
                                                                Print</span>
                                                        </button>
                                                    @endif
                                                    {{-- button perpanjang --}}
                                                    @if ($fr->status == 'E')
                                                        <button type="button" class="btn btn-sm btn-dark mb-0"
                                                            title="Perpanjang"
                                                            onclick="window.location='{{ url($url_menu . '/perpanjang' . '/' . encrypt($fr->id)) }}'">
                                                            <i class="fas fa-mail-forward"> </i><span
                                                                class="font-weight-bold"> Perpanjang</span>
                                                        </button>
                                                    @endif
                                                    {{-- button hapus --}}
                                                    @if ($fr->status !== 'F' || !$fr->reference)
                                                        <form action="{{ url($url_menu . '/' . encrypt($fr->id)) }}"
                                                            method="POST" style="display: inline">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="button"
                                                                class="btn btn-sm btn-{{ $fr->status == '0' ? 'success' : 'danger' }} mb-0"
                                                                title="Hapus Data"
                                                                onclick="deleteData(event, '{{ $fr->id }}','{{ $fr->status == '0' ? 'Aktifkan' : 'Hapus' }}')">
                                                                <i class="fas fa-trash"></i>
                                                                <span
                                                                    class="font-weight-bold">{{ $fr->status == '0' ? 'Aktifkan' : 'Hapus' }}</span>
                                                            </button>
                                                        </form>
                                                    @endif
                                                    {{-- Button history --}}
                                                    @if ($formHistory->has($fr->id))
                                                        <button class="btn btn-info btn-sm mb-0"
                                                            onclick="toggleHistory('{{ $fr->id }}')"><i
                                                                class="fa fa-clock-o"> </i> History</button>
                                                    @else
                                                        <span></span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                {{-- Tabel History --}}
                                <div class="history-container">
                                    @foreach ($formUtama as $fr)
                                        @if ($formHistory->has($fr->id))
                                            <div id="history-{{ $fr->id }}" class="history-table"
                                                style="display: none;">
                                                <h6>History Untuk Form ID: {{ $fr->id }}</h6>
                                                <table class="table display">
                                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                                        @php $no = 1; @endphp
                                                        <tr>
                                                            <th class="text-center">No</th>
                                                            <th>ID Form</th>
                                                            <th>Tanggal</th>
                                                            <th>NIK</th>
                                                            <th>Nama</th>
                                                            <th>Dokter</th>
                                                            <th>Status</th>
                                                            <th>Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($formHistory[$fr->id] as $history)
                                                            <tr>
                                                                <td class="text-center">{{ $no++ }}</td>
                                                                <td>{{ $history->id }}</td>
                                                                <td>{{ $history->tgl_buat }}</td>
                                                                <td>{{ $history->nik }}</td>
                                                                <td>{{ $history->nama_karyawan }}</td>
                                                                <td>{{ $history->nama_dokter }}</td>
                                                                <td>
                                                                    @if ($history->status == 'F')
                                                                        <span class="badge bg-success">Permanen</span>
                                                                    @elseif ($history->status == 'E')
                                                                        <span class="badge bg-info">Sementara</span>
                                                                    @else
                                                                        <span class="badge bg-danger">Cancel</span>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    <button type="button"
                                                                        class="btn btn-sm btn-primary mb-0"
                                                                        title="View Data"
                                                                        onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($history->id)) }}'">
                                                                        <i class="fas fa-eye"> </i><span
                                                                            class="font-weight-bold">
                                                                            View</span>
                                                                    </button>
                                                                    @if ($authorize->print == '1')
                                                                        <button type="button"
                                                                            class="btn btn-sm btn-secondary mb-0"
                                                                            title="Print"
                                                                            onclick="printPDF('{{ encrypt($history->id) }}')">
                                                                            <i class="fas fa-download"> </i><span
                                                                                class="font-weight-bold">
                                                                                Print</span>
                                                                        </button>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>

                        </div>

                        <div class="row px-4 py-2">
                            <div class="col-lg d-flex align-items-center">
                                <div class="nav-wrapper me-3" id="noted">
                                    <code>Note : (<i aria-hidden="true" style="color: #f7e9a4;" class="fas fa-circle"></i>
                                        Batas perpanjang <= 3 hari)</code>
                                </div>
                                <div class="nav-wrapper" id="noted">
                                    <code>(<i aria-hidden="true" style="color: #ffc2cd;" class="fas fa-circle"></i>
                                        Sudah lewat tanggal batas)</code>
                                </div>
                            </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);
                }
            }
        });
        // Inisialisasi DataTables hanya untuk tabel utama
        $('#list_{{ $dmenu }}').DataTable({
            autoWidth: false,
            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
        });

        // Toggle History
        window.toggleHistory = function(id) {
            // Sembunyikan semua tabel history
            $('.history-table').hide();

            // Tampilkan tabel history yang diklik
            const historyTable = $(`#history-${id}`);
            if (historyTable.length) {
                historyTable.toggle(); // Toggle hanya tabel yang dipilih
            }
        };

        //set color button datatables
        $('.dt-button').addClass('btn btn-secondary');
        $('.dt-button').removeClass('dt-button');

        $('#list_{{ $dmenu }} tbody tr').each(function() {
            const row = $(this);
            const status = row.data('status');
            const tglBatas = row.data('tgl-batas');

            // Reset class pada setiap baris
            row.removeClass('highlight-expired highlight-near-expiry');

            if (status === 'E' && tglBatas) {
                const batasDate = new Date(tglBatas);
                const today = new Date();

                // Hitung selisih hari
                const timeDiff = batasDate.getTime() - today.getTime();
                const dayDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));

                // Tambahkan class berdasarkan kondisi
                if (dayDiff > 0 && dayDiff <= 3) {
                    row.addClass('highlight-near-expiry'); // Baris hampir habis batas
                } else if (dayDiff <= 0) {
                    row.addClass('highlight-expired'); // Baris sudah melewati batas
                }
            }
        });


        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(id) {
            var pdfUrl = "{{ url($url_menu . '/print' . '/') }}/" + id;

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

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

        function deleteData(event, id, msg) {
            event.preventDefault(); // Prevent default form submission
            Swal.fire({
                title: 'Konfirmasi',
                text: `Apakah Anda Yakin ${msg} Form ${id} 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
                    const form = event.target.closest('form');
                    const actionUrl = form.action;

                    // Send the DELETE request
                    fetch(actionUrl, {
                            method: 'DELETE',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')
                                    .content // CSRF token
                            }
                        })
                        .then(response => {
                            if (!response.ok) {
                                throw new Error('Network response was not ok');
                            }
                            return response.json();
                        })
                        .then(data => {
                            if (data.status === 'success') {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Sukses',
                                    text: data.message,
                                }).then(() => {
                                    // Refresh halaman atau lakukan tindakan lain sesuai kebutuhan
                                    location.reload(); // Untuk memuat ulang halaman setelah penghapusan
                                });
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: data.message,
                                });
                            }
                        })
                        .catch(error => {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error',
                                text: 'Terjadi kesalahan saat memproses permintaan!',
                            });
                        });
                }
            });
        }
    </script>
    <style>
        .nested-table {
            width: 100%;
            margin-bottom: 0;
        }

        /* Baris dengan tanggal hampir habis batas (1-3 hari) */
        .highlight-near-expiry {
            background-color: #f7e9a4 !important;
            /* Kuning */
        }

        /* Baris dengan tanggal sudah melewati batas */
        .highlight-expired {
            background-color: #ffc2cd !important;
            /* Merah Muda */
        }
    </style>
@endpush