@extends('layouts.app')
@section('title', 'Senarai Kehadiran')

@section('content')
<div class="row g-2 mb-3">
    <div class="col-6 col-md-3"><div class="stat-card bg-green"><div class="label">Sudah Hadir</div><div class="value">{{ $counts['hadir'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="stat-card bg-dark2"><div class="label">Belum Hadir</div><div class="value">{{ $counts['belum'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="stat-card bg-teal"><div class="label">Jumlah Anggota</div><div class="value">{{ $counts['semua'] }}</div></div></div>
    <div class="col-6 col-md-3 d-flex align-items-end">
        <a href="{{ route('reports.export', 'attendance') }}" class="btn btn-outline-teal w-100"><i class="bi bi-file-earmark-excel"></i> Export Excel</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form class="row g-2 mb-3" method="GET">
            <div class="col-md-4">
                <input type="text" name="q" value="{{ $q }}" class="form-control" placeholder="Cari nama / no pekerja / KP...">
            </div>
            <div class="col-md-3">
                <select name="status" class="form-select">
                    <option value="hadir" @selected($status==='hadir')>Sudah Hadir</option>
                    <option value="belum" @selected($status==='belum')>Belum Hadir</option>
                    <option value="semua" @selected($status==='semua')>Semua</option>
                </select>
            </div>
            <div class="col-md-3">
                <select name="jabatan" class="form-select">
                    <option value="">Semua Jabatan</option>
                    @foreach($jabatanList as $j)
                        <option value="{{ $j }}" @selected($jabatan===$j)>{{ $j }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2"><button class="btn btn-teal w-100"><i class="bi bi-funnel"></i> Tapis</button></div>
        </form>

        <div class="table-responsive">
            <table class="table table-koipb table-hover align-middle">
                <thead><tr>
                    <th>#</th><th>Nama</th><th>No Pekerja</th><th>No KP</th><th>Jabatan / Bahagian</th><th>Status</th><th>Masa Hadir</th>
                </tr></thead>
                <tbody>
                @forelse($members as $m)
                    <tr>
                        <td>{{ $loop->iteration + ($members->currentPage()-1)*$members->perPage() }}</td>
                        <td class="fw-semibold">{{ $m->nama }}</td>
                        <td>{{ $m->no_pekerja ?? '-' }}</td>
                        <td><small class="text-muted">{{ $m->maskedKp() ?? '-' }}</small></td>
                        <td>{{ $m->jabatan ?? '-' }} <span class="text-muted">/ {{ $m->bahagian ?? '-' }}</span></td>
                        <td>
                            @if($m->attendance)
                                <span class="badge badge-hadir">Hadir</span>
                            @else
                                <span class="badge badge-belum">Belum</span>
                            @endif
                        </td>
                        <td><small>{{ $m->attendance?->attended_at?->format('d/m/Y H:i:s') ?? '-' }}</small></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted py-4">Tiada rekod.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $members->links() }}
    </div>
</div>
@endsection