@extends('layouts.examiner')
@section('title', 'Attendance')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Attendance</h1>
</div>

{{-- Flash messages --}}
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    {!! session('success') !!}
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show">
    {!! session('error') !!}
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif

<div class="row">
    {{-- LEFT: Search / Candidate card --}}
    <div class="col-lg-5 mb-4">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-success">
                    <i class="fas fa-clipboard-check mr-1"></i> Check In Candidate
                </h6>
            </div>
            <div class="card-body">

                {{-- Step 1: Search form --}}
                <form action="{{ route('examiner.attendance.index') }}" method="GET" class="mb-3">
                    <div class="input-group">
                        <input id="regno" type="text" name="regno" class="form-control"
                               placeholder="Enter Registration Number"
                               value="{{ $regNo }}" autofocus>
                        <div class="input-group-append">
                            <button class="btn btn-primary" type="submit">
                                <i class="fas fa-search"></i> Search
                            </button>
                        </div>
                    </div>
                </form>

                @if($candidate)
                {{-- Step 2: Candidate card --}}
                <div class="text-center mb-3">
                    <img src="{{ $passport }}" alt="Passport" class="img-fluid rounded"
                         style="height:180px;width:160px;object-fit:cover;">
                </div>

                <table class="table table-bordered table-sm mb-3">
                    <tr><th>Name</th><td><strong>{{ trim("{$candidate->surname} {$candidate->firstname} {$candidate->othernames}") }}</strong></td></tr>
                    <tr><th>Reg No</th><td>{{ $candidate->reg_no }}</td></tr>
                    <tr><th>Department</th><td>{{ optional($candidate->department)->name ?? '—' }}</td></tr>
                    <tr><th>Programme</th><td>{{ optional($candidate->programme)->name ?? '—' }}</td></tr>
                    <tr><th>Degree</th><td>{{ optional($candidate->degree)->name ?? '—' }}</td></tr>
                    @if($schedule)
                    <tr><th>Venue</th><td>{{ $schedule->venue ?? '—' }}</td></tr>
                    <tr><th>Exam Time</th><td>{{ $schedule->time ?? '—' }}</td></tr>
                    @endif
                    <tr>
                        <th>Exam Status</th>
                        <td>
                            @if($examStatus === 'Finished')
                                <span class="badge badge-success">{{ $examStatus }}</span>
                            @elseif($examStatus === 'Currently Logged In')
                                <span class="badge badge-warning">{{ $examStatus }}</span>
                            @else
                                <span class="badge badge-secondary">{{ $examStatus }}</span>
                            @endif
                            @if($exam)
                            <br><small class="text-muted">
                                Start: {{ $exam->started_at ? \Carbon\Carbon::parse($exam->started_at)->format('H:i:s') : '—' }}
                                &nbsp;|&nbsp;
                                Stop: {{ $exam->stopped_at ? \Carbon\Carbon::parse($exam->stopped_at)->format('H:i:s') : '—' }}
                            </small>
                            @endif
                        </td>
                    </tr>
                </table>

                @if(! $existing)
                {{-- Not yet checked in → show Check In button --}}
                <form method="POST" action="{{ route('examiner.attendance.checkin') }}">
                    @csrf
                    <input type="hidden" name="reg_no" value="{{ $candidate->reg_no }}">
                    <a href="{{ route('examiner.attendance.index') }}" class="btn btn-danger mr-2">
                        <i class="fas fa-arrow-left"></i> Go Back
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-clipboard-check mr-1"></i> Check In
                    </button>
                </form>

                @else
                {{-- Already checked in --}}
                <div class="alert alert-warning mb-3">
                    <strong>Already checked in.</strong><br>
                    Date/Time: {{ \Carbon\Carbon::parse($existing->time)->format('d M Y H:i:s') }}<br>
                    Checked by: {{ $existing->checked_by }}
                </div>
                <div>
                    <a href="{{ route('examiner.attendance.index') }}" class="btn btn-danger mr-2">
                        <i class="fas fa-arrow-left"></i> Go Back
                    </a>
                    @if(auth('web')->user()->type === 'admin')
                    <form method="POST" action="{{ route('examiner.attendance.checkin') }}" class="d-inline">
                        @csrf
                        <input type="hidden" name="reg_no" value="{{ $candidate->reg_no }}">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-redo mr-1"></i> Re-Check In
                        </button>
                    </form>
                    @endif
                </div>
                @endif

                @endif {{-- end $candidate --}}

            </div>
        </div>
    </div>

    {{-- RIGHT: Attendance list --}}
    <div class="col-lg-7 mb-4">
        <div class="card shadow mb-4">
            <div class="card-header d-flex justify-content-between align-items-center py-3">
                <h6 class="m-0 font-weight-bold text-primary">
                    Attendance List ({{ $attendance->total() }})
                </h6>
                <form method="GET" class="form-inline">
                    <input type="hidden" name="regno" value="{{ $regNo }}">
                    <input type="text" name="search" class="form-control form-control-sm mr-1"
                           placeholder="Search..." value="{{ $search }}">
                    <button class="btn btn-sm btn-primary">Go</button>
                </form>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-bordered table-sm mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>Reg No</th>
                                <th>Name</th>
                                <th>Department</th>
                                <th>Time</th>
                                <th>Checked By</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        @forelse($attendance as $att)
                        <tr class="{{ $att->reg_no === strtoupper($regNo) ? 'table-info' : '' }}">
                            <td>{{ $attendance->firstItem() + $loop->index }}</td>
                            <td>
                                <a href="{{ route('examiner.attendance.index', ['regno' => $att->reg_no]) }}">
                                    {{ $att->reg_no }}
                                </a>
                            </td>
                            <td>{{ $att->name }}</td>
                            <td>{{ $att->department }}</td>
                            <td>{{ $att->time ? \Carbon\Carbon::parse($att->time)->format('H:i:s') : '—' }}</td>
                            <td>{{ $att->checked_by }}</td>
                            <td>
                                <form method="POST" action="{{ route('examiner.attendance.destroy', $att) }}"
                                      onsubmit="return confirm('Remove this attendance record?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-xs btn-danger">Del</button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" class="text-center text-muted py-3">No attendance records yet.</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="p-2">{{ $attendance->links() }}</div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    // Auto-focus the search field on page load
    document.getElementById('regno').focus();
</script>
@endsection