@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <a href="{{ route('permintaan', ['status' => 'entry,belum_disetujui,disetujui,revisi,telah_direvisi']) }}"
                            class="btn btn-warning">Order Barang</a>
                        <a href="{{ route('permintaan', ['status' => 'posting,proses']) }}" class="btn btn-secondary">Order
                            Dikirim</a>
                        <a href="{{ route('permintaan', ['status' => 'selesai']) }}" class="btn btn-dark">Order Selesai</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">List {{ $title_menu }}</h5>
                        </div>
                        <hr class="horizontal dark mt-0">
                        {{-- alert --}}
                        @include('components.alert')
                        <div class="row px-4 py-2">
                            <div class="col-lg">
                                @if (in_array($status, ['entry,belum_disetujui,disetujui,revisi,telah_direvisi']) || $status == '')
                                    <div class="nav-wrapper">
                                        <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 Permintaan
                                        </button>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th class="text-center" style="width: 1%;">No</th>
                                            <th class="text-center" style="width: 15%;">Kode Transaksi</th>
                                            <th class="text-center" style="width: 15%;">Tanggal</th>
                                            <th class="text-center" style="width: 20%;">Departemen</th>
                                            <th class="text-center" style="width: 20%;">Nama</th>
                                            <th class="text-center" style="width: 15%;">Status</th>
                                            <th class="text-center" style="width: 10%;">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($tr_permintaan_h as $p)
                                            <tr>
                                                <td style="text-align:center">{{ $loop->iteration }}</td>
                                                <td>{{ $p->kode }}</td>
                                                <td>{{ $p->tgl }}</td>
                                                <td>{{ $p->dpt }}</td>
                                                <td>{{ $p->nama }}</td>
                                                <td class="text-left">
                                                    @if ($p->status == 'entry')
                                                        <span class="badge"
                                                            style="color: #fd7e15; font-weight: bold; font-size: 1em;">{{ $p->status }}</span>
                                                    @elseif($p->status == 'belum_disetujui')
                                                        <span class="badge"
                                                            style="color: #6c757d; font-weight: bold; font-size: 1em;">{{ str_replace('_', ' ', $p->status) }}</span>
                                                    @elseif($p->status == 'disetujui')
                                                        <span class="badge"
                                                            style="color: #28a745; font-weight: bold; font-size: 1em;">{{ $p->status }}</span>
                                                    @elseif($p->status == 'posting')
                                                        <span class="badge"
                                                            style="color: #6c757d; font-weight: bold; font-size: 1em;">{{ $p->status }}</span>
                                                    @elseif($p->status == 'proses')
                                                        <span class="badge"
                                                            style="color: #17a2b8; font-weight: bold; font-size: 1em;">{{ $p->status }}</span>
                                                    @elseif($p->status == 'selesai')
                                                        <span class="badge"
                                                            style="color: #343a40; font-weight: bold; font-size: 1em;">{{ $p->status }}</span>
                                                    @elseif($p->status == 'telah_direvisi')
                                                        <span class="badge"
                                                            style="color: #343a40; font-weight: bold; font-size: 1em;">{{ str_replace('_', ' ', $p->status) }}</span>
                                                    @elseif($p->status == 'revisi')
                                                        <span class="badge"
                                                            style="color: #17a2b8; font-weight: bold; font-size: 1em;">{{ $p->status }}</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <button class="btn btn-success mb-0"
                                                        onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($p->kode)) }}'"><i
                                                            class="fas fa-eye"> </i><span class="font-weight-bold">
                                                            View</button>
                                                    @if ($p->status == 'revisi')
                                                        <button id="approval-button-{{ $p->kode }}"
                                                            onclick="kirimlast('{{ $p->kode }}')"
                                                            class="btn btn-primary mb-0"><i
                                                                class="fas fa-check me-1"></i>Approval</button>
                                                        <button class="btn btn-danger mb-0 delete-btn"
                                                            data-id="{{ $p->kode }}"><i
                                                                class="fas fa-trash me-1"></i>Hapus</button>
                                                    @elseif($p->status == 'entry')
                                                        <button id="approval-button-{{ $p->kode }}"
                                                            onclick="kirimData('{{ $p->kode }}')"
                                                            class="btn btn-primary mb-0"><i
                                                                class="fas fa-check me-1"></i>Approval</button>
                                                        <button class="btn btn-danger mb-0 delete-btn"
                                                            data-id="{{ $p->kode }}"><i
                                                                class="fas fa-trash me-1"></i>Hapus</button>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        const hariLibur = @json($hariLiburAktif);

        function disableApprovalButtonOnSpecificDays() {
            const today = new Date();
            let dayOfWeek = today.getDay();

            if (dayOfWeek === 0) {
                dayOfWeek = 7;
            }

            console.log('Hari sistem (setelah konversi): ', dayOfWeek);

            if (hariLibur.includes(dayOfWeek)) {
                console.log('Tombol Approval akan dinonaktifkan untuk hari ini: ', dayOfWeek);
                const approvalButtons = document.querySelectorAll('[id^="approval-button-"]');

                approvalButtons.forEach(button => {
                    button.disabled = true;
                    button.style.pointerEvents = 'none';
                    console.log('Tombol dinonaktifkan:', button);

                    button.addEventListener('click', function(event) {
                        event.preventDefault();
                        Swal.fire({
                            icon: 'warning',
                            title: 'Approval Ditutup!',
                            text: 'Persetujuan tidak dapat dilakukan pada hari ini.',
                            confirmButtonText: 'OK'
                        });
                    });
                });
            } else {
                console.log('Hari ini tombol approval tidak dinonaktifkan: ', dayOfWeek);
            }
        };

        disableApprovalButtonOnSpecificDays();

        document.querySelectorAll('.delete-btn').forEach(button => {
            button.addEventListener('click', function() {
                let kode = this.getAttribute('data-id');

                Swal.fire({
                    icon: 'question',
                    title: 'Konfirmasi',
                    text: 'Apakah anda yakin ingin menghapus permintaan order ini?',
                    showCancelButton: true,
                    confirmButtonText: 'Ya',
                    cancelButtonText: 'Tidak'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '{{ URL::to('/') }}/trperm/delete/' + kode,
                            type: 'PUT',
                            data: {
                                _token: '{{ csrf_token() }}'
                            },
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Berhasil',
                                    text: 'Order ' + response.kode +
                                        ' berhasil dihapus'
                                }).then(() => {
                                    // Redirect atau lakukan operasi lain setelah berhasil
                                    window.location.href =
                                        "{{ route('permintaan') }}";
                                });
                            },
                            error: function(xhr, textStatus, errorThrown) {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Gagal',
                                    text: 'Gagal mengirim permintaan order. Silakan coba lagi.'
                                });
                            }
                        });
                    }
                });
            });
        });

        function kirimData(kode) {
            Swal.fire({
                icon: 'question',
                title: 'Konfirmasi',
                text: 'Apakah anda yakin ingin mengirim permintaan order barang ke head untuk di setujui?',
                showCancelButton: true,
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ URL::to('/') }}/trperm/send/' + kode,
                        type: 'PUT',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(response) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: 'Order ' + response.kode +
                                    ' berhasil dikirim untuk di setujui'
                            }).then(() => {
                                window.location.href = "{{ route('permintaan') }}";
                            });
                        },
                        error: function(xhr, textStatus, errorThrown) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: 'GAGAL'
                            });
                        }
                    });
                }
            });
        }

        function kirimlast(kode) {
            Swal.fire({
                icon: 'question',
                title: 'Konfirmasi',
                text: 'Apakah anda yakin ingin mengirim permintaan order barang ke head untuk di setujui?',
                showCancelButton: true,
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ URL::to('/') }}/trperm/last/' + kode,
                        type: 'PUT',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(response) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: 'Order ' + response.kode +
                                    ' berhasil dikirim untuk di setujui'
                            }).then(() => {
                                window.location.href = "{{ route('permintaan') }}";
                            });
                        },
                        error: function(xhr, textStatus, errorThrown) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: 'GAGAL'
                            });
                        }
                    });
                }
            });
        }
    </script>
@endsection