@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Result Report Document'])

    <div class="container-fluid py-4">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Result {{ $title_menu }}</h5>
                <a href="{{ URL::to($url_menu) }}" class="btn btn-secondary mb-0"><i class="fas fa-arrow-left me-1"></i>
                    Kembali ke Filter</a>
            </div>
            <div class="card-body px-0 pt-0 pb-2">
                <div class="table-responsive p-3">
                    {{-- Ambil nilai filter status di awal untuk digunakan nanti --}}
                    @php
                        $statusFilter = request('status_filter', 'ALL');
                    @endphp
                    @if ($table_result->count() > 0)
                        <table class="table align-items-center mb-0" id="list_report_document">
                            <thead class="thead-light" style="background-color: #00b7bd4f;">
                                <tr>
                                    <th>No</th>
                                    <th>Material</th>
                                    <th>Supplier</th>
                                    <th>Status Umum</th>
                                    <th class="text-center">TDS</th>
                                    <th class="text-center">MSDS</th>
                                    <th class="text-center">Sertifikat Halal</th>
                                    <th class="text-center">Halal Declaration</th>
                                    <th class="text-center">Flowchart</th>
                                    <th class="text-center">Others</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($table_result as $item)
                                    <tr>
                                        <td class="text-center">{{ $table_result->firstItem() + $loop->index }}</td>
                                        <td>{{ $item->purchasingTransaction->material->nama_material ?? '-' }}</td>
                                        <td>{{ $item->purchasingTransaction->supplier->nama_vendor ?? '-' }}</td>
                                        <td>
                                            @php $status = $item->overall_status; @endphp
                                            @if($status == 'Approved') <span class="badge bg-success">{{ $status }}</span>
                                            @elseif($status == 'Rejected') <span class="badge bg-danger">{{ $status }}</span>
                                            @elseif($status == 'Revisi') <span class="badge bg-info">{{ $status }}</span>
                                            @else <span class="badge bg-warning">{{ $status }}</span>
                                            @endif
                                        </td>

                                        {{-- Kolom TDS (dengan logika filter) --}}
                                        <td class="text-center">
                                            @if($statusFilter === 'ALL' || $item->status_tds === $statusFilter)
                                                @if($item->tds)
                                                    <div class="d-flex justify-content-center align-items-center">
                                                        <a href="{{ URL::to($url_menu . '/show/' . encrypt($item->documents_id)) }}?view=true&type=tds"
                                                            target="_blank" class="me-2">
                                                            <i class="fas fa-file-pdf text-danger fa-lg"></i>
                                                        </a>
                                                        <span class="badge bg-gradient-info">{{ $item->status_tds }}</span>
                                                    </div>
                                                @else - @endif
                                            @endif
                                        </td>

                                        {{-- Kolom MSDS (dengan logika filter) --}}
                                        <td class="text-center">
                                            @if($statusFilter === 'ALL' || $item->status_msds === $statusFilter)
                                                @if($item->msds)
                                                    <a href="{{ URL::to($url_menu . '/show/' . encrypt($item->documents_id)) }}?view=true&type=msds"
                                                        target="_blank" class="me-2"><i
                                                            class="fas fa-file-pdf text-danger fa-lg"></i></a>
                                                    <span class="badge bg-gradient-info">{{ $item->status_msds }}</span>
                                                @else - @endif
                                            @endif
                                        </td>

                                        {{-- Kolom Sertifikat Halal (dengan logika filter) --}}
                                        <td class="text-center">
                                            @if($statusFilter === 'ALL' || $item->status_sertifikat_halal === $statusFilter)
                                                @if($item->sertifikat_halal)
                                                    <div class="d-flex justify-content-center align-items-center">
                                                        <a href="{{ URL::to($url_menu . '/show/' . encrypt($item->documents_id)) }}?view=true&type=sertifikat_halal"
                                                            target="_blank" class="me-2"><i
                                                                class="fas fa-file-pdf text-danger fa-lg"></i></a>
                                                        <span class="badge bg-gradient-info">{{ $item->status_sertifikat_halal }}</span>
                                                    </div>
                                                @else - @endif
                                            @endif
                                        </td>

                                        {{-- Kolom Halal Declaration (dengan logika filter) --}}
                                        <td class="text-center">
                                            @if($statusFilter === 'ALL' || $item->status_halal_declaration === $statusFilter)
                                                @if($item->halal_declaration)
                                                    <a href="{{ URL::to($url_menu . '/show/' . encrypt($item->documents_id)) }}?view=true&type=halal_declaration"
                                                        target="_blank" class="me-2"><i
                                                            class="fas fa-file-pdf text-danger fa-lg"></i></a>
                                                    <span class="badge bg-gradient-info">{{ $item->status_halal_declaration }}</span>
                                                @else - @endif
                                            @endif
                                        </td>

                                        {{-- Kolom Flowchart (dengan logika filter) --}}
                                        <td class="text-center">
                                            @if($statusFilter === 'ALL' || $item->status_flowchart === $statusFilter)
                                                @if($item->flowchart)
                                                    <a href="{{ URL::to($url_menu . '/show/' . encrypt($item->documents_id)) }}?view=true&type=flowchart"
                                                        target="_blank" class="me-2"><i
                                                            class="fas fa-file-pdf text-danger fa-lg"></i></a>
                                                    <span class="badge bg-gradient-info">{{ $item->status_flowchart }}</span>
                                                @else - @endif
                                            @endif
                                        </td>

                                        {{-- Kolom Others (dengan logika filter) --}}
                                        <td class="text-center">
                                            @if($statusFilter === 'ALL' || $item->status_others === $statusFilter)
                                                @if($item->others)
                                                    <a href="{{ URL::to($url_menu . '/show/' . encrypt($item->documents_id)) }}?view=true&type=others"
                                                        target="_blank" class="me-2"><i
                                                            class="fas fa-file-pdf text-danger fa-lg"></i></a>
                                                    <span class="badge bg-gradient-info">{{ $item->status_others }}</span>
                                                @else - @endif
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center py-4">Data tidak ditemukan.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    @else
                        {{-- JIKA TIDAK ADA DATA: Tampilkan pesan ini, BUKAN tabel --}}
                        <div class="text-center py-5">
                            <i class="fas fa-box-open fa-3x text-secondary"></i>
                            <h5 class="mt-3">Data Tidak Ditemukan</h5>
                            <p class="text-sm text-muted">Tidak ada data yang cocok dengan kriteria filter Anda.</p>
                        </div>
                    @endif
                </div>
                <div class="card-footer d-flex justify-content-center">
                    {{ $table_result->appends(request()->query())->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function () {
            var tableId = '#list_report_document';
            if ($.fn.dataTable.isDataTable(tableId)) {
                $(tableId).DataTable().destroy();
            }
            $(tableId).DataTable({ "paging": false, "info": false });
        });
    </script>
@endpush