eCert-MBIP/resources/views/admin/programs/participants/index.blade.php

@extends('layouts.admin')

@section('title', 'Peserta — ' . $program->title)
@section('header', 'Senarai Peserta')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('admin.programs.index') }}">Program</a></li>
<li class="breadcrumb-item"><a href="{{ route('admin.programs.show', $program) }}">{{ Str::limit($program->title, 25) }}</a></li>
<li class="breadcrumb-item active">Peserta</li>
@endsection

@section('header-actions')
<div class="d-flex gap-2">
    <a href="{{ route('admin.programs.participants.export', $program) }}" class="btn btn-sm btn-outline-success">
        <i class="bi bi-download me-1"></i> Export CSV
    </a>
    <a href="{{ route('admin.programs.participants.import.form', $program) }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-upload me-1"></i> Import CSV
    </a>
    <a href="{{ route('admin.programs.participants.create', $program) }}" class="btn btn-sm btn-primary">
        <i class="bi bi-person-plus me-1"></i> Tambah
    </a>
</div>
@endsection

@section('content')

{{-- Summary Cards --}}
<div class="row g-3 mb-4">
    @foreach([
        ['label' => 'Jumlah Peserta', 'value' => $counts['total'],          'icon' => 'bi-people',          'color' => 'primary'],
        ['label' => 'Pra-Daftar',     'value' => $counts['pre_registered'],  'icon' => 'bi-person-check',    'color' => 'info'],
        ['label' => 'Walk-In',        'value' => $counts['walk_in'],         'icon' => 'bi-person-walking',  'color' => 'warning'],
        ['label' => 'Hadir',          'value' => $counts['checked_in'],      'icon' => 'bi-patch-check',     'color' => 'success'],
    ] as $card)
    <div class="col-6 col-md-3">
        <div class="card border-0 shadow-sm text-center p-3">
            <i class="bi {{ $card['icon'] }} text-{{ $card['color'] }} fs-4 mb-1"></i>
            <div class="fs-4 fw-bold">{{ $card['value'] }}</div>
            <div class="text-muted small">{{ $card['label'] }}</div>
        </div>
    </div>
    @endforeach
</div>

{{-- Filter --}}
<div class="card border-0 shadow-sm mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-sm-5">
                <div class="input-group input-group-sm">
                    <span class="input-group-text"><i class="bi bi-search"></i></span>
                    <input type="text" name="search" class="form-control"
                           placeholder="Nama, agensi..." value="{{ request('search') }}">
                </div>
            </div>
            <div class="col-sm-3">
                <select name="source" class="form-select form-select-sm">
                    <option value="">Semua Sumber</option>
                    <option value="pre_registered" {{ request('source') === 'pre_registered' ? 'selected' : '' }}>Pra-Daftar</option>
                    <option value="import"         {{ request('source') === 'import'         ? 'selected' : '' }}>Import</option>
                    <option value="walk_in"        {{ request('source') === 'walk_in'        ? 'selected' : '' }}>Walk-In</option>
                    <option value="admin_manual"   {{ request('source') === 'admin_manual'   ? 'selected' : '' }}>Manual Admin</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select name="status" class="form-select form-select-sm">
                    <option value="">Semua Status</option>
                    <option value="registered"  {{ request('status') === 'registered'  ? 'selected' : '' }}>Berdaftar</option>
                    <option value="checked_in"  {{ request('status') === 'checked_in'  ? 'selected' : '' }}>Hadir</option>
                    <option value="cancelled"   {{ request('status') === 'cancelled'   ? 'selected' : '' }}>Dibatalkan</option>
                </select>
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-primary btn-sm">Tapis</button>
                @if(request()->hasAny(['search', 'source', 'status']))
                <a href="{{ route('admin.programs.participants.index', $program) }}" class="btn btn-outline-secondary btn-sm ms-1">Reset</a>
                @endif
            </div>
        </form>
    </div>
</div>

{{-- Table --}}
<div class="card border-0 shadow-sm">
    <div class="card-body p-0">
        @if($programParticipants->isEmpty())
        <div class="text-center py-5 text-muted">
            <i class="bi bi-people fs-1 opacity-25 d-block mb-2"></i>
            Belum ada peserta.
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Nama</th>
                        <th>Agensi</th>
                        <th>Sesi</th>
                        <th>Sumber</th>
                        <th>Status</th>
                        <th class="text-end">Tindakan</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($programParticipants as $i => $pp)
                    @php $p = $pp->participant; @endphp
                    <tr>
                        <td class="text-muted small">{{ $programParticipants->firstItem() + $i }}</td>
                        <td>
                            <div class="fw-medium">{{ $p->name }}</div>
                            <small class="text-muted">{{ $p->email ?: '—' }}</small>
                        </td>
                        <td><small>{{ $p->agency ?: '—' }}</small></td>
                        <td>
                            @if($pp->pre_registered_session)
                            <span class="badge bg-light text-dark border">
                                {{ Str::ucfirst($pp->pre_registered_session) }}
                            </span>
                            @else
                            <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @php
                            $sourceMap = [
                                'pre_registered' => ['secondary', 'Pra-Daftar'],
                                'import'         => ['info',      'Import'],
                                'walk_in'        => ['warning',   'Walk-In'],
                                'admin_manual'   => ['dark',      'Manual'],
                            ];
                            [$sc, $sl] = $sourceMap[$pp->registration_source] ?? ['light', $pp->registration_source];
                            @endphp
                            <span class="badge bg-{{ $sc }}">{{ $sl }}</span>
                        </td>
                        <td>
                            @if($pp->status === 'checked_in')
                            <span class="badge bg-success"><i class="bi bi-check-lg me-1"></i>Hadir</span>
                            @elseif($pp->status === 'cancelled')
                            <span class="badge bg-danger">Dibatalkan</span>
                            @else
                            <span class="badge bg-light text-dark border">Berdaftar</span>
                            @endif
                        </td>
                        <td class="text-end">
                            @if($pp->status !== 'checked_in')
                            <form method="POST"
                                  action="{{ route('admin.programs.participants.destroy', [$program, $pp]) }}"
                                  onsubmit="return confirm('Keluarkan peserta {{ $p->name }} daripada program?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" title="Keluarkan">
                                    <i class="bi bi-person-dash"></i>
                                </button>
                            </form>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if($programParticipants->hasPages())
        <div class="px-3 py-3 border-top">
            {{ $programParticipants->links() }}
        </div>
        @endif
        @endif
    </div>
</div>

@endsection