@extends('layouts.admin')
@section('title', 'Verifikasi Dokumen')
@section('page-title', 'Verifikasi Dokumen')

@section('content')
<h1 class="section-title">Verifikasi Dokumen</h1>
<p class="section-sub">Review dan verifikasi dokumen persyaratan mahasiswa.</p>

<div class="stats-row" style="grid-template-columns:repeat(3,1fr)">
    <div class="stat-card"><div class="stat-label">Menunggu Review</div><div class="stat-value" style="color:#d97706">{{ \App\Models\Document::where('status', 'pending')->count() }}</div></div>
    <div class="stat-card"><div class="stat-label">Disetujui Hari Ini</div><div class="stat-value" style="color:var(--g600)">{{ \App\Models\Document::where('status', 'approved')->whereDate('updated_at', \Carbon\Carbon::today())->count() }}</div></div>
    <div class="stat-card"><div class="stat-label">Total Ditolak/Revisi</div><div class="stat-value" style="color:#dc2626">{{ \App\Models\Document::whereIn('status', ['rejected', 'revision'])->count() }}</div></div>
</div>

@if(session('success'))
<div style="background:#dcfce7;color:#166534;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.85rem">
    {{ session('success') }}
</div>
@endif

<div class="card">
    <div class="data-table-wrapper">
        <table class="data-table">
            <thead><tr><th>Mahasiswa</th><th>NIM</th><th>Jenis Dokumen</th><th>File</th><th>Diupload</th><th>Status</th><th>Aksi</th></tr></thead>
            <tbody>
            @forelse($documents as $doc)
            <tr>
                <td style="font-weight:600">{{ $doc->user->name }}</td>
                <td>{{ $doc->user->nim }}</td>
                <td>{{ ucwords(str_replace('_', ' ', $doc->type)) }}</td>
                <td style="font-size:.78rem"><a href="{{ asset('storage/' . $doc->file_path) }}" target="_blank" style="color:var(--g600);text-decoration:none">📄 Buka Dokumen</a></td>
                <td style="color:var(--gr400)">{{ $doc->created_at->diffForHumans() }}</td>
                <td><span class="tag tag-pending">Menunggu Review</span></td>
                <td><div class="table-actions">
                    <form action="{{ route('admin.verifikasi.update', $doc->id) }}" method="POST" style="display:inline">
                        @csrf
                        <input type="hidden" name="status" value="approved">
                        <button type="submit" title="Setujui" style="border-color:var(--g200);color:var(--g600)">✓</button>
                    </form>
                    <button title="Tolak/Revisi" style="border-color:#fecaca;color:#dc2626" onclick="document.getElementById('modal-reject-{{ $doc->id }}').style.display='block'">✗</button>
                </div></td>
            </tr>
            
            {{-- Modal Reject/Revision --}}
            <div id="modal-reject-{{ $doc->id }}" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;align-items:center;justify-content:center;">
                <div style="background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:400px;margin:10% auto;">
                    <h3 style="margin-top:0;margin-bottom:1rem">Tolak Dokumen</h3>
                    <form action="{{ route('admin.verifikasi.update', $doc->id) }}" method="POST">
                        @csrf
                        <input type="hidden" name="status" value="revision">
                        <div class="form-group" style="margin-bottom:1rem">
                            <label style="display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600">Catatan Revisi</label>
                            <textarea name="notes" class="form-input" style="width:100%;padding:.6rem" rows="3" required></textarea>
                        </div>
                        <div style="display:flex;justify-content:flex-end;gap:1rem">
                            <button type="button" class="btn-outline-sm" onclick="document.getElementById('modal-reject-{{ $doc->id }}').style.display='none'">Batal</button>
                            <button type="submit" class="btn-action" style="background:#dc2626;border-color:#dc2626">Tolak Dokumen</button>
                        </div>
                    </form>
                </div>
            </div>
            @empty
            <tr>
                <td colspan="7" style="text-align:center;padding:2rem;color:var(--gr500)">Belum ada dokumen yang menunggu verifikasi.</td>
            </tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection