@extends('pmb.layout')

@section('title', 'Dashboard PMB - Universitas Karyadarma Kupang')

@section('content')
<div class="pmb-header">
    <div>
        <h4><i class="fas fa-home text-danger me-2"></i>Dashboard Pendaftaran</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active">Dashboard</li>
            </ol>
        </nav>
    </div>
    <div>
        <span class="badge bg-danger fs-6 px-3 py-2">
            <i class="fas fa-id-card me-1"></i> {{ $pendaftaran->nomor_pendaftaran ?? 'Belum Ada' }}
        </span>
    </div>
</div>

<!-- Progress Tracker -->
<div class="progress-tracker">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <span class="fw-bold text-dark">Progress Pendaftaran</span>
        <span class="text-danger fw-bold fs-5">{{ $pendaftaran->progress_percent ?? 0 }}%</span>
    </div>
    <div class="progress" style="height: 12px;">
        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: {{ $pendaftaran->progress_percent ?? 0 }}%"></div>
    </div>
</div>

<!-- Pengumuman -->
@php
$pengumumanList = $pengumumanList ?? \App\Models\PmbPengumuman::published()->orderByDesc('published_at')->take(5)->get();
@endphp
@if($pengumumanList->count() > 0)
<div class="alert alert-undarma alert-undarma-info mb-4">
    <h6 class="fw-bold mb-2"><i class="fas fa-bullhorn me-2"></i>Pengumuman</h6>
    @foreach($pengumumanList as $pengumuman)
        <div class="mb-2 pb-2 {{ !$loop->last ? 'border-bottom' : '' }}">
            <strong>{{ $pengumuman->judul }}</strong>
            <span class="badge bg-{{ $pengumuman->kategori == 'penting' ? 'danger' : ($pengumuman->kategori == 'hasil_seleksi' ? 'success' : 'info') }} ms-1">{{ ucfirst($pengumuman->kategori) }}</span>
            <p class="mb-0 small">{{ $pengumuman->isi }}</p>
            <small class="text-muted">{{ $pengumuman->published_at?->format('d M Y H:i') ?? $pengumuman->created_at->format('d M Y') }}</small>
        </div>
    @endforeach
</div>
@endif

<!-- Stats Cards -->
<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="card border-0 shadow-sm h-100" style="border-left: 4px solid #dc2626 !important;">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="text-muted mb-1">No. Pendaftaran</h6>
                        <h4 class="mb-0 fw-bold text-dark">{{ $pendaftaran->nomor_pendaftaran ?? '-' }}</h4>
                    </div>
                    <div class="bg-danger bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center" style="width:50px;height:50px;">
                        <i class="fas fa-id-card text-danger fs-4"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm h-100" style="border-left: 4px solid #3b82f6 !important;">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="text-muted mb-1">Progress</h6>
                        <h4 class="mb-0 fw-bold text-dark">{{ $pendaftaran->progress_percent ?? 0 }}%</h4>
                    </div>
                    <div class="bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center" style="width:50px;height:50px;">
                        <i class="fas fa-chart-line text-primary fs-4"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm h-100" style="border-left: 4px solid #f59e0b !important;">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="text-muted mb-1">Status</h6>
                        <h4 class="mb-0 fw-bold text-dark">{{ ucfirst(str_replace('_', ' ', $pendaftaran->status ?? 'menunggu')) }}</h4>
                    </div>
                    <div class="bg-warning bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center" style="width:50px;height:50px;">
                        <i class="fas fa-flag text-warning fs-4"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm h-100" style="border-left: 4px solid #0B2C6B !important;">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="text-muted mb-1">Kartu Ujian</h6>
                        @if($pendaftaran->step === 'cetak_bukti' || $pendaftaran->step === 'menunggu_verifikasi' || $pendaftaran->status === 'lulus')
                            <a href="{{ route('pmb.cetak.kartu-ujian') }}" target="_blank" class="btn btn-sm mt-1" style="background: #0B2C6B; color: #F4B400; font-weight: 700;">
                                <i class="fas fa-print me-1"></i>Cetak
                            </a>
                        @else
                            <span class="badge bg-secondary mt-1">Belum Tersedia</span>
                        @endif
                    </div>
                    <div class="bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center" style="width:50px;height:50px; background: rgba(11,44,107,0.1);">
                        <i class="fas fa-file-alt fs-4" style="color: #0B2C6B;"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Informasi & Pengumuman -->
<div class="form-card">
    <h5 class="mb-4"><i class="fas fa-info-circle text-danger me-2"></i>Informasi</h5>

    @php
    $pengumumanList = $pengumumanList ?? \App\Models\PmbPengumuman::published()->orderByDesc('published_at')->take(10)->get();
    @endphp

    @if($pengumumanList->count() > 0)
        <div class="list-group">
            @foreach($pengumumanList as $pengumuman)
                <div class="list-group-item list-group-item-action d-flex justify-content-between align-items-start">
                    <div>
                        <div class="d-flex align-items-center gap-2 mb-1">
                            <strong>{{ $pengumuman->judul }}</strong>
                            <span class="badge bg-{{ $pengumuman->kategori == 'penting' ? 'danger' : ($pengumuman->kategori == 'hasil_seleksi' ? 'success' : 'info') }}">
                                {{ ucfirst(str_replace('_', ' ', $pengumuman->kategori)) }}
                            </span>
                        </div>
                        <p class="mb-0 text-muted small">{{ $pengumuman->isi }}</p>
                        <small class="text-muted">{{ $pengumuman->published_at?->format('d M Y H:i') ?? $pengumuman->created_at->format('d M Y') }}</small>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <div class="text-center text-muted py-4">
            <i class="fas fa-bullhorn fa-3x mb-3 opacity-25"></i>
            <p>Belum ada pengumuman</p>
        </div>
    @endif
</div>
@endsection