@extends('layouts.admin')

@section('title', 'Data Pelamar')
@section('page-title', 'Data Pelamar')
@section('page-subtitle', 'Kelola seluruh data pelamar')

@section('content')
<div class="card" style="overflow: hidden;">
    {{-- Header --}}
    <div style="padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.75rem;">
        <form method="GET" action="{{ route('admin.applicants.index') }}" style="display: flex; gap: 0.5rem; flex-wrap: wrap; flex: 1;">
            <input type="text" name="search" class="form-control" placeholder="Cari nama atau NIK..." value="{{ request('search') }}" style="max-width: 250px;">
            <select name="vacancy_id" class="form-control" style="max-width: 180px;" onchange="this.form.submit()">
                <option value="">Semua Lowongan</option>
                @foreach($vacancies as $vacancy)
                    <option value="{{ $vacancy->id }}" {{ request('vacancy_id') == $vacancy->id ? 'selected' : '' }}>{{ $vacancy->title }}</option>
                @endforeach
            </select>
            <select name="status" class="form-control" style="max-width: 160px;" onchange="this.form.submit()">
                <option value="">Semua Status</option>
                <option value="TERKIRIM" {{ request('status') == 'TERKIRIM' ? 'selected' : '' }}>Terkirim</option>
                <option value="PROSES" {{ request('status') == 'PROSES' ? 'selected' : '' }}>Proses</option>
                <option value="DITERIMA" {{ request('status') == 'DITERIMA' ? 'selected' : '' }}>Diterima</option>
                <option value="DITOLAK" {{ request('status') == 'DITOLAK' ? 'selected' : '' }}>Ditolak</option>
            </select>
            <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-search"></i> Cari</button>
        </form>
        <a href="{{ route('admin.applicants.export') }}" class="btn btn-success btn-sm" style="background-color: #10B981; border-color: #10B981; color: #fff;"><i class="fas fa-file-excel"></i> Export Excel (CSV)</a>
    </div>

    {{-- Table --}}
    <div style="overflow-x: auto;">
        <table class="data-table">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Nama Lengkap</th>
                    <th>NIK</th>
                    <th>Lowongan</th>
                    <th>Status</th>
                    <th>Tanggal</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($applicants as $i => $applicant)
                <tr>
                    <td>{{ $applicants->firstItem() + $i }}</td>
                    <td style="font-weight: 600;">{{ $applicant->full_name }}</td>
                    <td>{{ $applicant->nik }}</td>
                    <td>{{ $applicant->vacancy->title ?? '-' }}</td>
                    <td>
                        @switch($applicant->status)
                            @case('TERKIRIM') <span class="badge badge-warning">Terkirim</span> @break
                            @case('PROSES') <span class="badge badge-info">Proses</span> @break
                            @case('DITERIMA') <span class="badge badge-success">Diterima</span> @break
                            @case('DITOLAK') <span class="badge badge-danger">Ditolak</span> @break
                            @default <span class="badge badge-secondary">{{ $applicant->status }}</span>
                        @endswitch
                    </td>
                    <td style="color: var(--text-muted);">{{ $applicant->created_at->format('d M Y') }}</td>
                    <td>
                        <div style="display: flex; gap: 4px;">
                            <a href="{{ route('admin.applicants.show', $applicant) }}" class="btn btn-sm btn-secondary" title="Lihat"><i class="fas fa-eye"></i></a>
                            <a href="{{ route('admin.applicants.edit', $applicant) }}" class="btn btn-sm btn-primary" title="Edit"><i class="fas fa-pen"></i></a>
                            <a href="{{ route('admin.applicants.export-single', $applicant) }}" class="btn btn-sm btn-success" title="Download Excel" style="background-color: #10B981; border-color: #10B981; color: white;"><i class="fas fa-file-excel"></i></a>
                            <a href="{{ route('admin.applicants.export-pdf', $applicant) }}" class="btn btn-sm btn-danger" title="Download PDF" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i class="fas fa-file-pdf"></i></a>
                            <form method="POST" action="{{ route('admin.applicants.destroy', $applicant) }}" onsubmit="return confirm('Hapus data pelamar ini?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger" title="Hapus"><i class="fas fa-trash"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" style="text-align: center; padding: 2rem; color: var(--text-muted);">Belum ada data pelamar.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    @if($applicants->hasPages())
    <div style="padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); display: flex; justify-content: center;">
        {{ $applicants->links() }}
    </div>
    @endif
</div>
@endsection