@extends('admin.layouts.app')
@section('title','Participants Management')
@section('page-title','Participants Management')
@section('page-subtitle','Confirmed registrations with successful payment (paid or waived)')
@section('participants-active','active')
@section('content')

<form method="GET" class="mb-3">
    <div class="row g-2 align-items-end">
        <div class="col-md-4">
            <label class="form-label small">Filter by Conference</label>
            <select name="conference_id" class="form-select" onchange="this.form.submit()">
                <option value="">All Conferences</option>
                @foreach($conferences as $conf)
                    <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }} ({{ $conf->conference_year }})</option>
                @endforeach
            </select>
        </div>
    </div>
</form>

<div class='cardx p-4'>
    <div class='d-flex justify-content-between mb-3'><h5>All Participants</h5></div>
    <div class='table-responsive'>
        <table class='table'>
            <thead>
                <tr><th>Name</th><th>Email</th><th>Category</th><th>Phone</th><th>Payment</th><th>Check-in</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @forelse($participants as $participant)
                    <tr>
                        <td>{{ $participant->user?->name }}</td>
                        <td>{{ $participant->user?->email }}</td>
                        <td><span class='badge badge-soft'>{{ str_replace('_', ' ', ucfirst($participant->registration_category)) }}</span></td>
                        <td>{{ $participant->user?->phone_number }}</td>
                        <td><span class='badge {{ $participant->payment_status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}'>{{ ucfirst($participant->payment_status) }}</span></td>
                        <td>{{ $participant->attendance_status === 'checked_in' ? 'Checked-in' : 'Not Checked-in' }}</td>
                        <td><a href="{{ route('admin.participants.show', ['registration' => $participant->id]) }}" class='btn btn-sm btn-outline-green'>View</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-muted">No participants registered yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $participants->links() }}
</div>

@endsection