@extends('layouts.examiner')
@section('title', $term ? "Search: {$term}" : 'Search Candidates')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">
        @if($term)
            Search Results for &ldquo;{{ $term }}&rdquo;
        @else
            Search Candidates
        @endif
    </h1>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    </div>
@endif

<div class="card shadow mb-4">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-bordered table-sm mb-0" id="dataTable" width="100%">
                <thead class="thead-light">
                    <tr>
                        <th>S/N</th>
                        <th>REG. NO.</th>
                        <th>NAME</th>
                        <th>SEX</th>
                        <th>DEPARTMENT</th>
                        <th>PROGRAMME</th>
                        <th>JAMB SCORE</th>
                        <th>SCORE</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                @forelse($candidates as $i => $cand)
                    @php
                        $status    = $cand->candidateStatus;
                        $score     = '';
                        $myStatus  = $status->status ?? '';
                        if ($status && $myStatus !== 'pending') {
                            $score = $status->score;
                        }
                        // Fallback to results table if no status record
                        if (! $status) {
                            $result = \App\Models\Result::where('reg_no', $cand->reg_no)->first();
                            $score  = $result->score ?? '';
                        }
                    @endphp
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>
                            <a href="{{ route('examiner.result-display', ['reg_no' => $cand->reg_no, 'session_id' => $cand->session_id]) }}">
                                {{ $cand->reg_no }}
                            </a>
                        </td>
                        <td>{{ $cand->full_name }}</td>
                        <td>{{ strtoupper(substr($cand->gender ?? '', 0, 1)) ?: '—' }}</td>
                        <td>{{ optional($cand->department)->name ?? '—' }}</td>
                        <td>{{ optional($cand->programme)->name ?? '—' }}</td>
                        <td>{{ $cand->jamb_score ?? '—' }}</td>
                        <td>{{ $score !== '' ? $score : '—' }}</td>
                        <td>
                            <div class="dropdown">
                                <button type="button" class="btn btn-sm btn-primary dropdown-toggle"
                                        data-toggle="dropdown">Action</button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a class="dropdown-item"
                                       href="{{ route('examiner.candidates.edit', $cand->id) }}">
                                        <i class="fas fa-edit fa-sm mr-1"></i> Edit
                                    </a>
                                    <a class="dropdown-item text-danger delete-trigger" href="#"
                                       data-id="{{ $cand->id }}" data-name="{{ $cand->full_name }}">
                                        <i class="fas fa-trash fa-sm mr-1"></i> Delete
                                    </a>
                                    <a class="dropdown-item"
                                       href="{{ route('examiner.result-display', ['reg_no' => $cand->reg_no, 'session_id' => $cand->session_id]) }}">
                                        <i class="fas fa-chart-bar fa-sm mr-1"></i> Result
                                    </a>
                                </div>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-4">
                            @if($term)
                                No candidates found for &ldquo;{{ $term }}&rdquo;.
                            @else
                                Use the search box in the top bar to find candidates.
                            @endif
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- Delete confirmation modal --}}
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title"><i class="fas fa-trash mr-2"></i> Delete Candidate</h5>
                <button type="button" class="close text-white" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to delete <strong id="deleteName"></strong>?
                   This also removes their candidate status record and cannot be undone.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <form method="POST" action="{{ route('examiner.search.destroy') }}" id="deleteForm">
                    @csrf
                    <input type="hidden" name="id" id="deleteId">
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-trash mr-1"></i> Delete
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(function () {
    $(document).on('click', '.delete-trigger', function (e) {
        e.preventDefault();
        $('#deleteName').text($(this).data('name'));
        $('#deleteId').val($(this).data('id'));
        $('#deleteModal').modal('show');
    });
});
</script>
@endpush