@extends('layouts.app')
@section('title', 'Senarai Peringatan')
@section('heading', 'Peringatan')
@section('page-title', 'Senarai Peringatan / Belum Serah')
@section('subtitle', 'Pusat data aktif dengan perunding aktif yang belum menghantar serahan untuk kitaran dipilih.')

@section('content')
<div class="card mb-3"><div class="card-body">
    <form class="row g-2">
        <div class="col-md-4">
            <select name="cycle" class="form-select">
                @foreach ($cycles as $c)<option value="{{ $c->id }}" @selected(optional($cycle)->id==$c->id)>Pembaharuan {{ $c->renewal_year }} / Pelaporan {{ $c->reporting_year }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-3">
            <select name="consultant" class="form-select">
                <option value="">Semua perunding</option>
                @foreach ($consultants as $c)<option value="{{ $c->id }}" @selected(request('consultant')==$c->id)>{{ $c->nama_perunding }}</option>@endforeach
            </select>
        </div>
        <div class="col-md-3">
            <div class="form-check mt-2"><input type="checkbox" name="overdue" value="1" class="form-check-input" id="ovd" @checked(request('overdue'))><label for="ovd" class="form-check-label">Lampau tempoh sahaja</label></div>
        </div>
        <div class="col-md-2 d-grid"><button class="btn btn-outline-primary"><i class="bi bi-funnel me-1"></i> Tapis</button></div>
    </form>
</div></div>

@if ($cycle)
    <div class="alert alert-{{ $cycle->isOverdue() ? 'danger' : 'info' }} d-flex justify-content-between">
        <span>Kitaran: <strong>Pelaporan {{ $cycle->reporting_year }}</strong> • Tarikh tutup: <strong>{{ $cycle->cut_off_date?->format('d/m/Y') }}</strong></span>
        <span>{{ $rows->count() }} pusat data belum serah @if($cycle->isOverdue())<span class="badge bg-danger">Lampau Tempoh</span>@endif</span>
    </div>
@endif

<div class="card"><div class="card-body p-0">
    <table class="table table-hover align-middle mb-0">
        <thead><tr><th class="ps-3">Pusat Data</th><th>Perunding</th><th>Emel</th><th>Status</th><th></th></tr></thead>
        <tbody>
        @forelse ($rows as $row)
            <tr class="{{ $row->is_overdue ? 'table-danger' : '' }}">
                <td class="ps-3 fw-semibold">{{ $row->data_centre->nama_pusat_data }}</td>
                <td>{{ $row->consultant?->nama_perunding ?? '—' }}</td>
                <td class="small">{{ $row->consultant?->emel ?? '—' }}</td>
                <td>
                    @if($row->status==='belum_mula')<span class="badge bg-secondary">Belum Mula</span>
                    @else<span class="badge bg-warning text-dark">Draf</span>@endif
                    @if($row->is_overdue)<span class="badge bg-danger">Lampau</span>@endif
                </td>
                <td class="text-end pe-3">
                    @if($row->submission)<a href="{{ route('submissions.show', $row->submission) }}" class="btn btn-sm btn-outline-secondary">Lihat</a>@endif
                    <a href="{{ route('data-centres.show', $row->data_centre) }}" class="btn btn-sm btn-outline-secondary">Pusat Data</a>
                </td>
            </tr>
        @empty
            <tr><td colspan="5" class="text-center text-muted py-3">Tiada pusat data tertunggak — semua telah menghantar. 🎉</td></tr>
        @endforelse
        </tbody>
    </table>
</div></div>
@endsection