@extends('layouts.app')
@section('title','Applicant Database')
@section('page-title','Recruitment')

@section('content')
<div class="page-header">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div>
            <h1>Applicant Database</h1>
            <nav aria-label="breadcrumb"><ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('recruitment.index') }}">Recruitment</a></li>
                <li class="breadcrumb-item active">All Applicants</li>
            </ol></nav>
        </div>
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addApplicantModal">
            <i class="bi bi-person-plus me-1"></i>Add Applicant
        </button>
    </div>
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-12 col-sm-5 col-md-4">
                <input type="search" name="search" class="form-control" placeholder="Name, email, or ID…" value="{{ request('search') }}">
            </div>
            <div class="col-6 col-md-2">
                <select name="qualification" class="form-select">
                    <option value="">All Qualifications</option>
                    @foreach(['high_school','associate','bachelor','master','doctorate','professional','other'] as $q)
                    <option value="{{ $q }}" {{ request('qualification')===$q?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$q)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <select name="hired" class="form-select">
                    <option value="">Any Status</option>
                    <option value="0" {{ request('hired')==='0'?'selected':'' }}>Not Hired</option>
                    <option value="1" {{ request('hired')==='1'?'selected':'' }}>Hired</option>
                </select>
            </div>
            <div class="col-6 col-md-2 d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill"><i class="bi bi-search me-1"></i>Filter</button>
                <a href="{{ route('recruitment.applicants') }}" class="btn btn-outline-secondary"><i class="bi bi-x-lg"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">{{ $applicants->total() }} Applicants</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0" style="font-size:.84rem;">
            <thead>
                <tr>
                    <th>Applicant</th>
                    <th>Qualification</th>
                    <th class="d-none d-md-table-cell">Experience</th>
                    <th class="d-none d-md-table-cell">Applications</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($applicants as $app)
                <tr>
                    <td>
                        <div class="fw-semibold">{{ $app->full_name }}</div>
                        <div style="font-size:.73rem;color:var(--text-2);">{{ $app->applicant_number }} · {{ $app->email }}</div>
                    </td>
                    <td style="font-size:.8rem;">{{ $app->qualification_label ?: '—' }}</td>
                    <td class="d-none d-md-table-cell">{{ $app->years_of_experience }} yr{{ $app->years_of_experience!=1?'s':'' }}</td>
                    <td class="d-none d-md-table-cell">{{ $app->applications->count() }}</td>
                    <td>
                        @if($app->employee_id)
                        <span class="badge bg-success">Hired</span>
                        @else
                        <span class="badge bg-secondary">In Pool</span>
                        @endif
                    </td>
                    <td class="text-end">
                        <a href="{{ route('recruitment.applicant.show', $app) }}" class="btn btn-sm btn-icon btn-outline-primary"><i class="bi bi-eye"></i></a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center py-4" style="color:var(--text-3);">No applicants found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($applicants->hasPages())
    <div class="card-body pt-0">{{ $applicants->links('pagination::bootstrap-5') }}</div>
    @endif
</div>

{{-- Add Applicant Modal --}}
<div class="modal fade" id="addApplicantModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header"><h5 class="modal-title">Add Applicant to Database</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <form method="POST" action="{{ route('recruitment.applicant.store') }}">
                @csrf
                <div class="modal-body row g-3">
                    <div class="col-6"><label class="form-label">First Name *</label><input type="text" name="first_name" class="form-control" required></div>
                    <div class="col-6"><label class="form-label">Last Name *</label><input type="text" name="last_name" class="form-control" required></div>
                    <div class="col-12"><label class="form-label">Email *</label><input type="email" name="email" class="form-control" required></div>
                    <div class="col-6"><label class="form-label">Phone</label><input type="text" name="phone" class="form-control"></div>
                    <div class="col-6"><label class="form-label">Date of Birth</label><input type="date" name="date_of_birth" class="form-control"></div>
                    <div class="col-6"><label class="form-label">Highest Qualification</label>
                        <select name="highest_qualification" class="form-select">
                            <option value="">Select…</option>
                            @foreach(['high_school'=>'High School','associate'=>'Associate\'s','bachelor'=>'Bachelor\'s','master'=>'Master\'s','doctorate'=>'Doctorate','professional'=>'Professional','other'=>'Other'] as $k=>$v)
                            <option value="{{ $k }}">{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6"><label class="form-label">Years of Experience</label><input type="number" name="years_of_experience" class="form-control" min="0" value="0"></div>
                    <div class="col-6"><label class="form-label">Source</label>
                        <select name="source" class="form-select">
                            @foreach(['website','referral','linkedin','walk_in','recruitment_agency','other'] as $s)
                            <option value="{{ $s }}">{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6"><label class="form-label">Apply to Job Posting (optional)</label>
                        <input type="text" name="job_posting_id" class="form-control" placeholder="Job Posting ID (optional)">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Add Applicant</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection