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

@section('content')
    {{-- Judul Halaman Utama --}}
    @include('layouts.navbars.auth.topnav', ['title' => 'Pengecekan Kelengkapan Dokumen'])

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header pb-0">
                        {{-- Judul di dalam Card --}}
                        <h5 class="mb-0">Cek Dokumen</h5>
                    </div>
                    <hr class="horizontal dark mt-2">
                    <div class="card-body px-0 pt-0 pb-2">
                        @include('components.alert')
                        <div class="table-responsive p-3">
                            {{-- ID Tabel untuk JavaScript DataTable --}}
                            <table class="table display" id="list_cek_dokumen">
                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                    {{-- Header Tabel disesuaikan dengan Screenshot --}}
                                    <tr>
                                        <th>ID</th>
                                        <th>Tanggal & Waktu</th>
                                        <th>Vendor</th>
                                        <th>Nama Item</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-center">Kontak</th>
                                        <th>Keterangan</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($tasks as $task)
                                        @if ($task->document)
                                            <tr>
                                                <td class="align-middle text-sm">{{ $loop->iteration }}</td>
                                                <td class="align-middle text-sm">
                                                    {{-- Gunakan kolom 'submitted_at' jika ada, jika tidak gunakan 'updated_at' --}}
                                                    {{ \Carbon\Carbon::parse($task->document->submitted_at ?? $task->document->updated_at)->format('d/m/Y H:i') }}
                                                </td>
                                                <td class="align-middle text-sm font-weight-bold text-dark">
                                                    {{ $task->supplier->nama_vendor ?? 'N/A' }}
                                                </td>
                                                <td class="align-middle text-sm">
                                                    {{ $task->material->nama_material ?? 'N/A' }}
                                                </td>
                                                <td class="text-center align-middle">
                                                    {{-- PERBAIKAN: Gunakan accessor 'overall_status' --}}
                                                    @php $status = $task->document->overall_status; @endphp

                                                    @if ($status == 'Approved')
                                                        <span class="badge bg-gradient-success">Disetujui</span>
                                                    @elseif($status == 'Rejected')
                                                        <span class="badge bg-gradient-danger">Ditolak</span>
                                                    @elseif($status == 'Revisi')
                                                        <span class="badge bg-gradient-info">Sudah direvisi</span>
                                                    @else
                                                        <span class="badge bg-gradient-warning">Belum direview</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($task->nomor_telepon_pic)
                                                        @php
                                                            $wa_number = preg_replace(
                                                                '/[^0-9]/',
                                                                '',
                                                                $task->nomor_telepon_pic,
                                                            );
                                                            if (substr($wa_number, 0, 1) === '0') {
                                                                $wa_number = '62' . substr($wa_number, 1);
                                                            }

                                                            $pesan =
                                                                "Yth. Bapak/Ibu {$task->nama_pic},\n\n" .
                                                                "Kami telah memproses hasil review dokumen untuk material: {$task->material->nama_material}.\n" .
                                                                "Silakan cek email Anda ({$task->email_pic}) untuk informasi lebih lanjut.\n\n" .
                                                                'Terima kasih.';
                                                            $pesan_encoded = urlencode($pesan);
                                                        @endphp

                                                        <a href="https://web.whatsapp.com/send?phone={{ $wa_number }}&text={{ $pesan_encoded }}"
                                                            target="_blank" class="btn btn-success btn-sm mb-0">
                                                            <i class="fab fa-whatsapp me-1"></i> Hubungi
                                                        </a>
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                
                                                <td class="align-middle text-sm">
                                                    {{ $task->document->remarks ?? '-' }}
                                                </td>
                                                <td class="text-center align-middle">
                                                    {{-- PERBAIKAN: Logika tombol Action --}}
                                                    @if ($status == 'Approved')
                                                        {{-- Jika sudah final, hanya bisa lihat detail --}}
                                                        <a href="{{ URL::to($url_menu . '/add/' . encrypt($task->purchasing_id)) }}"
                                                            class="btn btn-warning btn-sm mb-0">
                                                            Edit
                                                        </a>
                                                        <a href="{{ URL::to($url_menu . '/show/' . encrypt($task->purchasing_id)) }}"
                                                            class="btn btn-info btn-sm mb-0">
                                                            Detail
                                                        </a>
                                                    @else
                                                        {{-- Jika masih Pending, tombolnya adalah Review --}}
                                                        <a href="{{ URL::to($url_menu . '/add/' . encrypt($task->purchasing_id)) }}"
                                                            class="btn btn-primary btn-sm mb-0">
                                                            Review
                                                        </a>
                                                    @endif
                                                </td>
                                                

                                                {{-- <td class="text-center py-4">Belum ada dokumen yang perlu diverifikasi.</td>
                                                --}}
                                            </tr>
                                        @endif
                                    @empty
                                        {{-- <tr>
                                            <td colspan="8" class="text-center py-4">Belum ada dokumen yang perlu diverifikasi.
                                            </td>
                                        </tr> --}}
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            // Implementasi DataTable sesuai contoh Anda
            $('#list_cek_dokumen').DataTable({
                paging: true, // Anda bisa atur true/false sesuai kebutuhan
                info: true,
                searching: true,
                responsive: true,
                language: {
                    "zeroRecords": "Tidak ada dokumen untuk diverifikasi.",
                    "search": "Cari:",
                    "paginate": {
                        "previous": "<",
                        "next": ">"
                    }
                },
                // Menambahkan tombol export
                dom: '<"row d-flex justify-content-between align-items-center"<"col-auto"B><"col-auto"f>>rt<"row"<"col-sm-12 col-md-5"i><"col-sm-12 col-md-7"p>>',
                buttons: [{
                        text: '<i class="fas fa-file-excel me-1 text-success"></i> Excel',
                        className: 'buttons-excel',
                        // TAMBAHKAN ACTION INI
                        action: function() {
                            let url = new URL(window.location.href);
                            url.searchParams.set('export', 'excel');
                            window.location.href = url.toString();
                        }
                    },
                    {
                        text: '<i class="fas fa-file-pdf me-1 text-danger"></i> PDF',
                        className: 'buttons-pdf',
                        // TAMBAHKAN ACTION INI
                        action: function() {
                            let url = new URL(window.location.href);
                            url.searchParams.set('export', 'pdf');
                            window.location.href = url.toString();
                        }
                    },
                    {
                        text: '<i class="fas fa-print me-1 text-info"></i> Print',
                        className: 'buttons-print',
                        extend: 'print'
                    }
                ],
            });

            // Styling standar untuk semua tombol datatable
            $('.dt-button').addClass('btn btn-secondary').removeClass('dt-button');
        });
    </script>
@endpush