@extends('admin.layouts.app')

@section('title', 'Applications')
@section('page_title', 'Applications')

@section('content')
@php
    $statuses = [
        'new' => ['label' => 'New', 'class' => 'is-warn'],
        'reviewing' => ['label' => 'Reviewing', 'class' => 'is-info'],
        'interview' => ['label' => 'Interview', 'class' => 'is-info'],
        'offered' => ['label' => 'Offered', 'class' => 'is-live'],
        'hired' => ['label' => 'Hired', 'class' => 'is-success'],
        'rejected' => ['label' => 'Rejected', 'class' => 'is-danger'],
    ];
    $activeStatus = $filters['status'] ?? '';
@endphp

<div class="content-hub">
    <div class="content-hub__hero">
        <div>
            <p class="content-hub__eyebrow">Careers · Inbox</p>
            <h1 class="content-hub__title">Applications</h1>
            <p class="content-hub__lead">Review candidates, update pipeline status, and open resumes without leaving the admin.</p>
        </div>
        <div class="content-hub__actions">
            <a href="{{ route('admin.careers.index') }}" class="home-btn home-btn--light">← Careers</a>
        </div>
    </div>

    <div class="app-stat-strip">
        <a href="{{ route('admin.careers.applications.index') }}"
           class="app-stat-chip {{ $activeStatus === '' ? 'is-active' : '' }}">
            All
            <span class="app-stat-chip__count">{{ $totalCount }}</span>
        </a>
        @foreach ($statuses as $key => $meta)
            <a href="{{ route('admin.careers.applications.index', array_filter(['status' => $key, 'q' => $filters['q'] ?? null, 'career_id' => $filters['career_id'] ?? null])) }}"
               class="app-stat-chip {{ $activeStatus === $key ? 'is-active' : '' }}">
                {{ $meta['label'] }}
                <span class="app-stat-chip__count">{{ $statusCounts[$key] ?? 0 }}</span>
            </a>
        @endforeach
    </div>

    <form method="GET" action="{{ route('admin.careers.applications.index') }}" class="content-hub__filters">
        <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search name, email, phone…" class="content-hub__search">
        <select name="status" class="content-hub__select">
            <option value="">All statuses</option>
            @foreach ($statuses as $key => $meta)
                <option value="{{ $key }}" @selected(($filters['status'] ?? '') === $key)>{{ $meta['label'] }}</option>
            @endforeach
        </select>
        <select name="career_id" class="content-hub__select">
            <option value="">All roles</option>
            @foreach ($careers as $career)
                <option value="{{ $career->id }}" @selected((string) ($filters['career_id'] ?? '') === (string) $career->id)>
                    {{ $career->title }}
                </option>
            @endforeach
        </select>
        <button type="submit" class="home-btn home-btn--ghost home-btn--sm">Filter</button>
        @if(($filters['q'] ?? '') !== '' || ($filters['status'] ?? '') !== '' || ($filters['career_id'] ?? '') !== '')
            <a href="{{ route('admin.careers.applications.index') }}" class="home-btn home-btn--ghost home-btn--sm">Clear</a>
        @endif
    </form>

    <div class="content-table-wrap">
        <table class="content-table">
            <thead>
                <tr>
                    <th>Candidate</th>
                    <th>Role</th>
                    <th>Status</th>
                    <th>Applied</th>
                    <th class="text-right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($applications as $app)
                    @php
                        $statusMeta = $statuses[$app->status] ?? ['label' => ucfirst($app->status), 'class' => 'is-draft'];
                    @endphp
                    <tr>
                        <td>
                            <div class="content-table__primary">
                                <span class="content-table__thumb content-table__thumb--empty">{{ strtoupper(substr($app->name, 0, 1)) }}</span>
                                <div>
                                    <p class="content-table__title">{{ $app->name }}</p>
                                    <p class="content-table__meta">
                                        {{ $app->email }}
                                        @if($app->phone)
                                            · {{ $app->phone }}
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </td>
                        <td>{{ $app->career?->title ?? '—' }}</td>
                        <td>
                            <span class="content-badge {{ $statusMeta['class'] }}">{{ $statusMeta['label'] }}</span>
                        </td>
                        <td>
                            <span class="content-table__meta" style="font-size:0.8125rem;color:#475569;">
                                {{ $app->created_at?->format('M j, Y') }}
                            </span>
                        </td>
                        <td class="text-right">
                            <div class="content-table__actions">
                                <a href="{{ route('admin.careers.applications.show', $app) }}" class="content-link">Review</a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="content-table__empty">No applications match these filters.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $applications->links() }}</div>
</div>
@endsection