@php
    $page = 'show'; // Definisikan nilai $page
@endphp
@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">
                        <button class="btn btn-secondary mb-0" onclick="window.location='{{ URL::to($url_menu) }}'">
                            <i class="fa fa-chevron-left"></i> Kembali
                        </button>
                        @if ($tr_permintaan_h->status == 'belum_disetujui')
                            <button type="button" class="btn btn-warning mb-0" onclick="kembalikan()"
                                style="background-color: #e67300; border-color: #fd7e15;"><i
                                    class="fas fa-reply me-1"></i>Revisi</button>
                        @endif
                        <button id="posting-button-{{ $tr_permintaan_h->kode }}" onclick="posting()"
                            class="btn btn-primary mb-0"><i class="fas fa-arrow-up me-1"></i>Posting</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4>Detail Permintaan Barang</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <th>kode Transaksi</th>
                                        <td>{{ $tr_permintaan_h->kode }}</td>
                                    </tr>
                                    <tr>
                                        <th>Tanggal</th>
                                        <td>{{ $tr_permintaan_h->tgl }}</td>
                                    </tr>
                                    <tr>
                                        <th>Departemen</th>
                                        <td>{{ $tr_permintaan_h->dpt }}</td>
                                    </tr>
                                    <tr>
                                        <th>Status</th>
                                        <td class="text-left">
                                            @if ($tr_permintaan_h->status == 'entry')
                                                <span class="badge"
                                                    style="color: #fd7e15; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ $tr_permintaan_h->status }}</span>
                                            @elseif($tr_permintaan_h->status == 'belum_disetujui')
                                                <span class="badge"
                                                    style="color: #6c757d; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ str_replace('_', ' ', $tr_permintaan_h->status) }}</span>
                                            @elseif($tr_permintaan_h->status == 'disetujui')
                                                <span class="badge"
                                                    style="color: #28a745; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ $tr_permintaan_h->status }}</span>
                                            @elseif($tr_permintaan_h->status == 'posting')
                                                <span class="badge"
                                                    style="color: #6c757d; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ $tr_permintaan_h->status }}</span>
                                            @elseif($tr_permintaan_h->status == 'proses')
                                                <span class="badge"
                                                    style="color: #17a2b8; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ $tr_permintaan_h->status }}</span>
                                            @elseif($tr_permintaan_h->status == 'selesai')
                                                <span class="badge"
                                                    style="color: #343a40; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ $tr_permintaan_h->status }}</span>
                                            @elseif($tr_permintaan_h->status == 'telah_direvisi')
                                                <span class="badge"
                                                    style="color: #343a40; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ str_replace('_', ' ', $tr_permintaan_h->status) }}</span>
                                            @elseif($tr_permintaan_h->status == 'revisi')
                                                <span class="badge"
                                                    style="color: #17a2b8; font-weight: bold; font-size: 1em; margin-left: -14px;">{{ $tr_permintaan_h->status }}</span>
                                            @endif
                                        </td>
                                    <tr>
                                        <th>Nama</th>
                                        <td>{{ $tr_permintaan_h->nama }}</td>
                                    </tr>
                                    </tr>
                                    <tr>
                                        <th>Detail Permintaan Barang</th>
                                        <td>
                                            <table id="barang" class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="text-align: center">Jenis Barang</th>
                                                        <th style="text-align: center">Nama Barang</th>
                                                        <th style="text-align: center">Deskripsi</th>
                                                        <th style="text-align: center">Kode Barang</th>
                                                        <th style="text-align: center">Qty</th>
                                                        @if ($tr_permintaan_h->status == 'proses')
                                                            <th style="text-align: center">Qty Terima</th>
                                                        @endif
                                                        <th style="text-align: center">Satuan</th>
                                                        <th style="text-align: center">Catatan</th>
                                                        <th style="text-align: center">Status</th>
                                                        @if ($tr_permintaan_h->status == 'belum_disetujui' || $tr_permintaan_h->status == 'telah_direvisi')
                                                            <th style="text-align: center">Action</th>
                                                        @endif
                                                        <th class="catatan-header" style="text-align: center">Catatan</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <div class="d-flex justify-content-end gap-2 mb-2">
                                                        <button type="button" class="btn btn-success"
                                                            onclick="terimaSemua()">
                                                            <i class="fas fa-check-double"></i> Terima Semua
                                                        </button>
                                                        <button type="button" class="btn btn-danger"
                                                            onclick="tolakSemua()">
                                                            <i class="fas fa-times-circle"></i> Tolak Semua
                                                        </button>
                                                    </div>
                                                    @foreach ($tr_permintaan_d as $detail)
                                                        @if ($detail->tr_permintaan_h == $tr_permintaan_h->kode)
                                                            <tr>
                                                                <td>{{ $detail->jenis_barang }}</td>
                                                                <td>{{ $detail->nama_barang }}</td>
                                                                <td>{{ $detail->deskripsi_barang }}</td>
                                                                <td style="text-align: left">{{ $detail->idatk }}</td>
                                                                <td style="text-align: right">{{ $detail->qty }}</td>
                                                                @if ($tr_permintaan_h->status == 'proses')
                                                                    <td style="text-align: right">{{ $detail->qty_terima }}
                                                                    </td>
                                                                @endif
                                                                <td style="text-align: left">{{ $detail->satuan }}</td>
                                                                <td style="text-align: left">{{ $detail->keterangan }}</td>
                                                                <td style="text-align: center">
                                                                    @if ($detail->posisi == 'terima')
                                                                        <span
                                                                            class="badge bg-success">{{ $detail->posisi }}</span>
                                                                    @elseif ($detail->posisi == 'tolak')
                                                                        <span
                                                                            class="badge bg-danger">{{ $detail->posisi }}</span>
                                                                    @elseif ($detail->posisi == 'revisi')
                                                                        <span
                                                                            class="badge bg-info">{{ $detail->posisi }}</span>
                                                                    @else
                                                                        {{ $detail->posisi }}
                                                                    @endif
                                                                </td>
                                                                @if ($tr_permintaan_h->status == 'belum_disetujui' || $tr_permintaan_h->status == 'telah_direvisi')
                                                                    <td style="text-align: center">
                                                                        <button type="button" class="btn btn-success"
                                                                            onclick="updateStatus('{{ $detail->id }}', 'terima')"
                                                                            title="Terima" data-toggle="tooltip"
                                                                            data-placement="top">
                                                                            <i class="fas fa-check"></i>
                                                                        </button>
                                                                        <button type="button" class="btn btn-danger"
                                                                            onclick="updateStatus('{{ $detail->id }}', 'tolak')"
                                                                            title="Tolak" data-toggle="tooltip"
                                                                            data-placement="top">
                                                                            <i class="fas fa-trash"></i>
                                                                        </button>
                                                                        <button type="button" class="btn btn-info"
                                                                            onclick="updateStatus('{{ $detail->id }}', 'revisi')"
                                                                            title="Revisi" data-toggle="tooltip"
                                                                            data-placement="top">
                                                                            <i class="fas fa-pen"></i>
                                                                        </button>
                                                                    </td>
                                                                    <td>
                                                                        <input type="text" class="form-control"
                                                                            name="revisi[{{ $detail->id }}]"
                                                                            id="revisi_{{ $detail->id }}"
                                                                            value="{{ old('revisi.' . $detail->id, $detail->revisi ?? '') }}">
                                                                    </td>
                                                                @endif
                                                            </tr>
                                                        @endif
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                                @if ($tr_permintaan_h->status == 'belum_disetujui' || $tr_permintaan_h->status == 'telah_direvisi')
                                    <tr>
                                        <th>Catatan Permintaan Barang</th>
                                        <td>
                                            <div class="form-group">
                                                <input type="text" class="form-control" name="catatan"
                                                    placeholder="Tambahkan catatan"
                                                    value="{{ $tr_permintaan_h->catatan ?? '' }}"
                                                    @if ($tr_permintaan_h->status == 'telah_direvisi') disabled @endif>
                                            </div>
                                        </td>
                                    </tr>
                                @endif
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
    <script>
        function terimaSemua() {
            // Ambil semua ID detail dari tombol yang ada
            const buttons = document.querySelectorAll('button[onclick^="updateStatus"][onclick*="terima"]');
            if (buttons.length === 0) {
                Swal.fire('Info', 'Tidak ada data yang bisa diterima.', 'info');
                return;
            }

            Swal.fire({
                title: 'Yakin ingin menerima semua item?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Ya, Terima Semua',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    buttons.forEach(button => {
                        const onclickAttr = button.getAttribute('onclick');
                        const id = onclickAttr.match(/updateStatus\('(.+?)'/)[1]; // ambil ID dari onclick
                        updateStatus(id, 'terima'); // panggil fungsi terima per item
                    });
                }
            });
        }

        function tolakSemua() {
            const buttons = document.querySelectorAll('button[onclick^="updateStatus"][onclick*="tolak"]');
            if (buttons.length === 0) {
                Swal.fire('Info', 'Tidak ada data yang bisa ditolak.', 'info');
                return;
            }

            Swal.fire({
                title: 'Yakin ingin menolak semua item?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya, Tolak Semua',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    buttons.forEach(button => {
                        const onclickAttr = button.getAttribute('onclick');
                        const id = onclickAttr.match(/updateStatus\('(.+?)'/)[1];
                        updateStatus(id, 'tolak');
                    });
                }
            });
        }
    </script>
@endsection
@push('js')