@extends('admin.layouts.app')
@section('title','Tags & Check-in')
@section('page-title','Tags & Check-in')
@section('page-subtitle','Scan QR codes and manage participant check-in')
@section('checkin-active','active')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
@if(session('info'))<div class="alert alert-info">{{ session('info') }}</div>@endif

<form method="GET" class="mb-3">
    <div class="col-md-4">
        <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 }}</option>
            @endforeach
        </select>
    </div>
</form>

<div class='row g-3 mb-4'>
    <div class='col-md-4'><div class='cardx metric'><small>Total Registered</small><h3>{{ number_format($totalRegistrations ?? 0) }}</h3></div></div>
    <div class='col-md-4'><div class='cardx metric'><small>Checked In</small><h3>{{ number_format($totalCheckedIn ?? 0) }}</h3></div></div>
    <div class='col-md-4'><div class='cardx metric'><small>Check-in Rate</small><h3>@if(($totalRegistrations ?? 0) > 0){{ round(($totalCheckedIn / $totalRegistrations) * 100, 1) }}%@else 0%@endif</h3></div></div>
</div>

<div class='row g-4'>
    <div class='col-lg-4'>
        <div class='cardx p-4'>
            <h6>QR / Manual Check-in</h6>
            <form method="POST" action="{{ route('admin.checkin.process') }}">
                @csrf
                @if($conferenceId)<input type="hidden" name="conference_id" value="{{ $conferenceId }}">@endif
                <div class="mb-3">
                    <label class="form-label">QR Code / Tag Number / Registration #</label>
                    <input name="code" class="form-control" required autofocus placeholder="Scan or enter code">
                </div>
                <div class="mb-3">
                    <label class="form-label">Location</label>
                    <input name="location" class="form-control" placeholder="Main entrance">
                </div>
                <div class="mb-3">
                    <label class="form-label">Method</label>
                    <select name="checkin_method" class="form-select">
                        <option value="qr_scan">QR Scan</option>
                        <option value="manual">Manual</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-green w-100">Check In</button>
            </form>
        </div>
    </div>
    <div class='col-lg-8'>
        <div class='cardx p-4'>
            <h6>Check-in History</h6>
            <div class="table-responsive">
                <table class='table'>
                    <thead><tr><th>Participant</th><th>Type</th><th>Conference</th><th>Method</th><th>Location</th><th>Time</th><th>Officer</th></tr></thead>
                    <tbody>
                        @forelse($checkins as $checkin)
                            <tr>
                                <td>{{ $checkin->holder_name ?? $checkin->user?->name }}</td>
                                <td>{{ ucfirst($checkin->holder_type ?? 'participant') }}</td>
                                <td>{{ $checkin->conference?->name }}</td>
                                <td>{{ str_replace('_', ' ', ucfirst($checkin->checkin_method)) }}</td>
                                <td>{{ $checkin->location ?? '—' }}</td>
                                <td>{{ $checkin->checkin_time?->format('M d, Y H:i') }}</td>
                                <td>{{ $checkin->officer?->name ?? '—' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="text-muted">No check-ins yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $checkins->links() }}
        </div>
    </div>
</div>

@endsection