@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Recruitment — Applications'))

@push('css')
<style>
    .recruitment-page .page-title { font-size: 1.25rem; font-weight: 600; }
    .recruitment-page .stat-card { border: none; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
    .recruitment-page .filter-panel { background: #f8f9fb; border-bottom: 1px solid #e9ecef; padding: 1rem 1.15rem; }
    .recruitment-page .quick-tabs .btn { margin-right: 6px; margin-bottom: 6px; }
    .recruitment-page .card-body,
    .recruitment-page .applications-table-wrap,
    .recruitment-page .card.border-0.shadow-sm {
        overflow: visible !important;
    }
    .recruitment-page .applications-table-wrap.table-responsive {
        overflow-x: auto;
        overflow-y: visible !important;
    }
    .recruitment-page .recruitment-letter-dropdown {
        position: static;
    }
    .recruitment-page .recruitment-letter-dropdown .dropdown-menu {
        z-index: 1055;
    }
</style>
@endpush

@section('content')
    <div class="recruitment-page pt-3 pb-4 px-2 px-md-3">
        <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
            <div>
                <h4 class="page-title mb-0">{{ __('Applications') }}</h4>
                <p class="text-muted small mb-0">{{ __('Review candidates, schedule interviews, and manage the hiring pipeline.') }}</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                <a href="{{ route('admin.recruitment.pipeline') }}" class="btn btn-sm btn-outline-primary">{{ __('Pipeline board') }}</a>
                @can('Recruitment-export')
                    <a href="{{ route('admin.recruitment.applications.export', request()->query()) }}" class="btn btn-sm btn-success">
                        <i class="fas fa-file-excel"></i> {{ __('Export Excel') }}
                    </a>
                @endcan
                <a href="{{ route('admin.recruitment.jobs') }}" class="btn btn-sm btn-outline-secondary">{{ __('Job postings') }}</a>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-body p-0">
                @livewire('recruitment.admin-recruitment-applications')
            </div>
        </div>
    </div>
@endsection