@extends('layouts.app')
@section('title', 'Dashboard Pemohon')

@section('content')
<div class="page-header mb-4">
    <h2>Dashboard Pemohon</h2>
    <p>Selamat datang, {{ auth()->user()->name }}</p>
</div>

<div class="row g-4 mb-4">
    <div class="col-md-3 col-sm-6">
        <div class="stat-card animate-in">
            <div class="d-flex align-items-center justify-content-between">
                <div>
                    <div class="stat-value">{{ $stats['total'] }}</div>
                    <div class="stat-label">Total Pengajuan</div>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #667eea, #764ba2);">
                    <i class="bi bi-folder-fill"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="stat-card animate-in" style="animation-delay: 0.1s">
            <div class="d-flex align-items-center justify-content-between">
                <div>
                    <div class="stat-value">{{ $stats['pending'] }}</div>
                    <div class="stat-label">Menunggu</div>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #f093fb, #f5576c);">
                    <i class="bi bi-hourglass-split"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="stat-card animate-in" style="animation-delay: 0.2s">
            <div class="d-flex align-items-center justify-content-between">
                <div>
                    <div class="stat-value">{{ $stats['diperiksa'] }}</div>
                    <div class="stat-label">Sedang Diperiksa</div>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #4facfe, #00f2fe);">
                    <i class="bi bi-search"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="stat-card animate-in" style="animation-delay: 0.3s">
            <div class="d-flex align-items-center justify-content-between">
                <div>
                    <div class="stat-value">{{ $stats['diverifikasi'] }}</div>
                    <div class="stat-label">Diverifikasi</div>
                </div>
                <div class="stat-icon" style="background: linear-gradient(135deg, #43e97b, #38f9d7);">
                    <i class="bi bi-check-circle-fill"></i>
                </div>
            </div>
        </div>
    </div>
</div>

@if($stats['revisi'] > 0)
<div class="alert animate-in" style="background: #fff7ed; border: 1px solid #fed7aa; border-radius:14px; animation-delay: 0.35s">
    <i class="bi bi-exclamation-triangle-fill text-warning me-2"></i>
    <strong>Perhatian:</strong> Ada <strong>{{ $stats['revisi'] }}</strong> pengajuan yang perlu direvisi. <a href="{{ route('pengajuan.index') }}">Lihat daftar pengajuan →</a>
</div>
@endif

<div class="content-card animate-in" style="animation-delay: 0.4s">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span><i class="bi bi-folder-fill me-2"></i>Pengajuan Saya</span>
        <a href="{{ route('pengajuan.create') }}" class="btn btn-sm btn-accent">
            <i class="bi bi-plus-lg me-1"></i> Buat Pengajuan
        </a>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-modern">
                <thead>
                    <tr>
                        <th>No. Pengajuan</th>
                        <th>Nama Bangunan</th>
                        <th>Status</th>
                        <th>Tanggal</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($pengajuan as $p)
                    <tr>
                        <td><strong>{{ $p->nomor_pengajuan }}</strong></td>
                        <td>{{ $p->nama_bangunan }}</td>
                       
                        <td><span class="badge-status {{ $p->status }}">{{ $p->status_label }}</span></td>
                        <td>{{ $p->created_at->format('d/m/Y') }}</td>
                        <td>
                            <a href="{{ route('pengajuan.show', $p->id) }}" class="btn btn-sm btn-outline-primary" style="border-radius:8px;">
                                <i class="bi bi-eye me-1"></i> Detail
                            </a>
                            @if($p->status === 'revisi')
                                <a href="{{ route('pengajuan.edit', $p->id) }}" class="btn btn-sm btn-outline-warning" style="border-radius:8px;">
                                    <i class="bi bi-pencil me-1"></i> Revisi
                                </a>
                                
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="text-center py-5">
                            <i class="bi bi-folder2-open" style="font-size:48px; color:#cbd5e0;"></i>
                            <p class="text-muted mt-2 mb-0">Belum ada pengajuan.</p>
                            <a href="{{ route('pengajuan.create') }}" class="btn btn-primary btn-sm mt-3">Buat Pengajuan Pertama</a>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection