@extends('layouts.app')
@section('title', 'Papan Pemuka Perunding')
@section('heading', 'Papan Pemuka')
@section('page-title', 'Papan Pemuka Perunding')
@section('subtitle', $consultant?->nama_perunding)

@section('actions')
    <a href="{{ route('submissions.create') }}" class="btn btn-success"><i class="bi bi-plus-lg me-1"></i> Mula Serahan Baharu</a>
@endsection

@section('content')
@unless ($consultant)
    <div class="alert alert-warning">Akaun anda belum dipautkan kepada profil perunding. Sila hubungi JPP.</div>
@else
<div class="row g-3 mb-4">
    @foreach ([
        ['Pusat Data Ditugaskan', $dataCentres->count(), 'hdd-rack', 'primary'],
        ['Serahan Tertunggak', $pendingCount, 'hourglass-split', 'warning'],
        ['Permohonan Pembetulan', $correctionCount, 'pencil-square', 'danger'],
        ['Jumlah Serahan', $submissions->count(), 'file-earmark-text', 'info'],
    ] as [$label, $value, $icon, $color])
    <div class="col-6 col-xl-3">
        <div class="card stat-card h-100"><div class="card-body">
            <div class="d-flex justify-content-between align-items-start">
                <div><div class="text-muted small">{{ $label }}</div><div class="stat-value text-{{ $color }}">{{ $value }}</div></div>
                <i class="bi bi-{{ $icon }} fs-3 text-{{ $color }} opacity-50"></i>
            </div>
        </div></div>
    </div>
    @endforeach
</div>

@if ($activeCycle)
<div class="alert alert-info d-flex align-items-center">
    <i class="bi bi-info-circle me-2"></i>
    <div>Kitaran aktif: <strong>Pembaharuan {{ $activeCycle->renewal_year }} / Pelaporan {{ $activeCycle->reporting_year }}</strong>.
    Tarikh tutup serahan: <strong>{{ $activeCycle->cut_off_date?->format('d/m/Y') }}</strong>
    @if ($activeCycle->isOverdue()) <span class="badge bg-danger ms-1">Lampau Tempoh</span> @endif
    </div>
</div>
@endif

<div class="card">
    <div class="card-header bg-white fw-semibold">Serahan Saya</div>
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead><tr><th class="ps-3">Pusat Data</th><th>Kitaran</th><th>Status</th><th>Dikemaskini</th><th></th></tr></thead>
            <tbody>
            @forelse ($submissions as $s)
                <tr>
                    <td class="ps-3">{{ $s->dataCentre->nama_pusat_data }}</td>
                    <td>Pembaharuan {{ $s->reportingCycle->renewal_year }} <span class="text-muted">/ Pelaporan {{ $s->reportingCycle->reporting_year }}</span></td>
                    <td><span class="badge bg-{{ $s->statusBadgeClass() }}">{{ $s->statusLabel() }}</span></td>
                    <td class="text-muted small">{{ $s->updated_at->format('d/m/Y H:i') }}</td>
                    <td class="text-end pe-3">
                        @if ($s->isEditableByConsultant())
                            <a href="{{ route('submissions.edit', $s) }}" class="btn btn-sm btn-outline-primary">Isi</a>
                        @endif
                        <a href="{{ route('submissions.show', $s) }}" class="btn btn-sm btn-outline-secondary">Lihat</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-center text-muted py-3">Tiada serahan lagi.</td></tr>
            @endforelse
            </tbody>
        </table>
        </div>
    </div>
</div>
@endunless
@endsection