@extends('mitra.layouts.app')

@section('title', 'Pengajuan Barang dari ASLAP')

@section('content')
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Pengajuan Barang</h1>
        <p class="text-sm text-slate-500 dark:text-gray-400 mt-1">Alur: ASLAP → Kepala SPPG → Mitra. Setujui/tolak pengajuan yang sudah disetujui Kepala SPPG, lalu penuhi dan ASLAP akan verifikasi.</p>
    </div>

    @if(session('success'))
        <div class="mb-4 p-4 bg-emerald-100 dark:bg-emerald-900/30 border border-emerald-200 dark:border-emerald-800 text-emerald-800 dark:text-emerald-200 rounded-xl">{{ session('success') }}</div>
    @endif

    <div class="mb-4 flex flex-wrap gap-3">
        <form method="GET" class="flex flex-wrap gap-3">
            <select name="status" class="px-3 py-2 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white text-sm" onchange="this.form.submit()">
                <option value="">Semua Status</option>
                <option value="menunggu" {{ request('status') === 'menunggu' ? 'selected' : '' }}>Menunggu (dari Kepala SPPG)</option>
                <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>Disetujui</option>
                <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Ditolak</option>
                <option value="fulfilled" {{ request('status') === 'fulfilled' ? 'selected' : '' }}>Dipenuhi</option>
                <option value="verified" {{ request('status') === 'verified' ? 'selected' : '' }}>Terverifikasi</option>
            </select>
            <select name="sppg_id" class="px-3 py-2 border border-slate-300 dark:border-gray-600 rounded-xl bg-white dark:bg-gray-700 text-slate-900 dark:text-white text-sm" onchange="this.form.submit()">
                <option value="">Semua SPPG</option>
                @foreach($sppgs as $s)
                    <option value="{{ $s->id }}" {{ request('sppg_id') == $s->id ? 'selected' : '' }}>{{ $s->nama }}</option>
                @endforeach
            </select>
        </form>
    </div>

    @if($pengajuan->isEmpty())
        <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-slate-200 dark:border-gray-700 p-12 text-center">
            <p class="text-slate-500 dark:text-gray-400">Belum ada pengajuan barang.</p>
        </div>
    @else
        <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-slate-200 dark:border-gray-700 overflow-hidden">
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-slate-200 dark:divide-gray-700">
                    <thead class="bg-slate-50 dark:bg-gray-700/50">
                        <tr>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-slate-600 dark:text-gray-300 uppercase">Tanggal</th>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-slate-600 dark:text-gray-300 uppercase">SPPG</th>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-slate-600 dark:text-gray-300 uppercase">Item</th>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-slate-600 dark:text-gray-300 uppercase">Status</th>
                            <th class="px-4 py-3 text-right text-xs font-semibold text-slate-600 dark:text-gray-300 uppercase">Aksi</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-200 dark:divide-gray-700">
                        @foreach($pengajuan as $p)
                        <tr class="hover:bg-slate-50 dark:hover:bg-gray-700/30">
                            <td class="px-4 py-3 text-sm text-slate-600 dark:text-gray-400">{{ $p->created_at->format('d/m/Y') }}</td>
                            <td class="px-4 py-3 text-sm text-slate-900 dark:text-white">{{ $p->sppg->nama ?? '-' }}</td>
                            <td class="px-4 py-3 text-sm text-slate-600 dark:text-gray-400">{{ $p->items->count() }} item</td>
                            <td class="px-4 py-3">
                                @php
                                    $statusLabels = [
                                        'submitted' => 'Menunggu Kepala SPPG',
                                        'approved_by_kepala' => 'Menunggu Mitra',
                                        'approved' => 'Disetujui',
                                        'rejected' => 'Ditolak',
                                        'fulfilled' => 'Dipenuhi',
                                        'verified' => 'Terverifikasi',
                                    ];
                                    $statusClass = match($p->status) {
                                        'submitted' => 'bg-slate-100 text-slate-700 dark:bg-gray-700',
                                        'approved_by_kepala' => 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300',
                                        'approved' => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300',
                                        'rejected' => 'bg-rose-100 text-rose-800 dark:bg-rose-900/30 dark:text-rose-300',
                                        'fulfilled' => 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300',
                                        'verified' => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300',
                                        default => 'bg-slate-100 text-slate-700',
                                    };
                                @endphp
                                <span class="px-2 py-1 text-xs font-medium rounded-full {{ $statusClass }}">{{ $statusLabels[$p->status] ?? ucfirst($p->status) }}</span>
                            </td>
                            <td class="px-4 py-3 text-right">
                                <a href="{{ route('mitra.pengajuan-barang.show', $p) }}" class="text-emerald-600 dark:text-emerald-400 hover:underline text-sm font-medium">Detail</a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @if($pengajuan->hasPages())
                <div class="px-4 py-3 border-t border-slate-200 dark:border-gray-700">{{ $pengajuan->links() }}</div>
            @endif
        </div>
    @endif
@endsection