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

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Pengajuan Sertifikasi'])
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header pb-0">
                        <h5 class="mb-0">List Material</h5>
                        <p class="text-sm">Daftar material yang perlu Anda lengkapi dokumennya.</p>
                    </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">
                            <table class="table display" id="list_supplier_task">
                                <thead class="thead-light" style="background-color: #00b7bd4f;">
                                    <tr>
                                        <th>No</th>
                                        <th>Nama Material</th>
                                        <th>Status</th>
                                        <th class="text-center">Action</th>
                                        <th>Submitted</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {{-- Data $task ini dikirim dari DocumentController@index --}}
                                    @if(isset($task))
                                        @foreach($task as $index => $task)
                                        <tr>
                                            <td class="text-sm font-weight-normal">{{ $index + 1 }}</td>
                                            <td class="text-sm font-weight-bold text-dark">{{ $task->material->nama_material }}</td>
                                            <td class="text-sm font-weight-normal">

                                                {{-- =============================================== --}}
                                                {{-- === LOGIKA STATUS SESUAI MOCKUP ANDA === --}}
                                                {{-- =============================================== --}}
                                                @if($task->status_overall == 'Approved')
                                                    <span class="badge bg-gradient-success">Approved</span>
                                                @elseif($task->status_overall == 'Rejected')
                                                    <span class="badge bg-gradient-warning">Rejected</span>
                                                @else
                                                     {{-- Status default jika belum Approved/Rejected --}}
                                                     <span class="badge bg-gradient-secondary">In Progress</span>
                                                @endif

                                            </td>
                                            <td class="text-sm text-center">

                                                {{-- =============================================== --}}
                                                {{-- === LOGIKA TOMBOL AKSI SESUAI MOCKUP ANDA === --}}
                                                {{-- =============================================== --}}
                                                <a href="{{ URL::to($url_menu . '/detail/' . encrypt($task->purchasing_id)) }}" class="btn btn-info btn-sm mb-0">Detail</a>
                                                <a href="{{ URL::to($url_menu . '/edit/' . encrypt($task->purchasing_id)) }}" class="btn btn-warning btn-sm mb-0">Edit</a>
                                                
                                            </td>
                                            <td class="text-sm font-weight-normal">
                                                @if($task->document && $task->document->is_submitted)
                                                    {{ \Carbon\Carbon::parse($task->document->submitted_at)->format('d/m/Y') }}
                                                @else
                                                    <span class="text-danger">Not Yet Submitted</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
{{-- Bagian JavaScript bisa menggunakan pola framework Anda untuk tombol export & search --}}
<script>
    $(document).ready(function () {
        $('#list_supplier_task').DataTable({
            // ... Konfigurasi DataTables Anda ...
        });
    });
</script>
@endpush