@extends('layouts.app')

@section('title', 'Kehadiran PPM')

@section('content')
    <div class="page-heading">
        <div class="eyebrow">PPM</div>
        <h1 class="h3 mb-1">Rekod Kehadiran</h1>
        <p class="text-secondary mb-0">Pilih Pusat Mengundi jagaan untuk merekod kehadiran hari mengundi.</p>
    </div>

    <div class="row g-3">
        @forelse ($pusats as $pusat)
            @php($summary = $summaryService->totalsForPusat($pusat))
            <div class="col-12 col-lg-6">
                <div class="content-panel p-3 p-md-4 h-100">
                    <div class="d-flex justify-content-between gap-3">
                        <div>
                            <h2 class="h5 mb-1">{{ $pusat->code }} - {{ $pusat->name }}</h2>
                            <div class="text-secondary small">{{ $pusat->election?->name }}</div>
                        </div>
                        <span class="badge {{ $pusat->election?->settings?->is_attendance_active ? 'text-bg-success' : 'text-bg-secondary' }}">
                            {{ $pusat->election?->settings?->is_attendance_active ? 'Aktif' : 'Belum aktif' }}
                        </span>
                    </div>
                    <div class="row g-2 mt-3">
                        <div class="col-6 col-md-3"><div class="small text-secondary">Staf</div><div class="fw-bold">{{ $summary['total_staff'] }}</div></div>
                        <div class="col-6 col-md-3"><div class="small text-secondary">Hadir</div><div class="fw-bold text-success">{{ $summary['present'] }}</div></div>
                        <div class="col-6 col-md-3"><div class="small text-secondary">Tidak hadir</div><div class="fw-bold text-danger">{{ $summary['absent'] }}</div></div>
                        <div class="col-6 col-md-3"><div class="small text-secondary">Belum rekod</div><div class="fw-bold text-warning">{{ $summary['not_recorded'] }}</div></div>
                    </div>
                    <div class="mt-3">
                        <a class="btn btn-primary" href="{{ route('ppm.attendance.show', $pusat) }}">
                            <i class="bi bi-clipboard-check me-1"></i>Rekod Kehadiran
                        </a>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">
                <div class="content-panel p-4 text-center text-secondary">Tiada Pusat Mengundi ditetapkan kepada akaun PPM ini.</div>
            </div>
        @endforelse
    </div>
@endsection