@extends('admin.layouts.app')
@section('title', 'Applications')

@section('breadcrumb')
    <li class="breadcrumb-item active">Applications</li>
@endsection

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Admission Applications</h1>
            <p class="page-subtitle">Review and process student applications</p>
        </div>
    </div>

    <!-- FILTER BAR -->
    <div class="card mb-3">
        <div class="card-body py-3">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-3">
                    <label class="form-label mb-1">Search</label>
                    <input type="text" name="search" class="form-control" placeholder="Name, App No., Mobile..."
                        value="{{ request('search') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label mb-1">Status</label>
                    <select name="status" class="form-select">
                        <option value="">All Status</option>
                        <option value="submitted" {{ request('status') == 'submitted' ? 'selected' : '' }}>Application Submitted</option>
                        <option value="under_review" {{ request('status') == 'under_review' ? 'selected' : '' }}>Application Selected</option>
                        <option value="admitted" {{ request('status') == 'admitted' ? 'selected' : '' }}>Admitted</option>
                    </select>
                </div>
                {{-- <div class="col-md-3">
                    <label class="form-label mb-1">Class</label>
                    <select name="class_id" class="form-select">
                        <option value="">All Classes</option>
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}" {{ request('class_id') == $class->id ? 'selected' : '' }}>
                                {{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                </div> --}}
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-search me-1"></i> Filter
                    </button>
                </div>
                <div class="col-md-2">
                    <a href="{{ route('admin.applications.index') }}" class="btn btn-outline-secondary w-100">Clear</a>
                </div>
            </form>
        </div>
    </div>

    <!-- STATUS PILLS -->
    <div class="d-flex gap-2 mb-3 flex-wrap">
        @php
            $statuses = [
                'submitted' => ['warning', 'Submitted'],
                'under_review' => ['info', 'Under Review'],
                'approved' => ['success', 'Approved'],
                'rejected' => ['danger', 'Rejected'],
                'admitted' => ['primary', 'Admitted'],
            ];
        @endphp
        @foreach ($statuses as $key => [$color, $label])
            <a href="{{ route('admin.applications.index') }}?status={{ $key }}"
                class="btn btn-sm {{ request('status') == $key ? 'btn-' . $color : 'btn-outline-' . $color }}">
                {{ $label }}
            </a>
        @endforeach
    </div>

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span>Applications <span class="badge bg-secondary ms-1">{{ $applications->total() }}</span></span>
            <small class="text-muted">{{ $applications->firstItem() }}–{{ $applications->lastItem() }} of
                {{ $applications->total() }}</small>
        </div>
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>App No.</th>
                        <th>Applicant</th>
                        <th>Course Applied</th>
                        <th>Community</th>
                        <th>HS%</th>
                        <th>Date</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($applications as $app)
                        <tr>
                            <td>
                                <code style="font-size:0.8rem">{{ $app->form_number ?? '--' }}</code>
                            </td>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <div
                                        style="width:32px;height:32px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:600;font-size:0.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0">
                                        {{ strtoupper(substr($app->applicant_name, 0, 2)) }}
                                    </div>
                                    <div>
                                        <div style="font-weight:500; font-size:0.87rem">{{ $app->applicant_name ?? '--' }}</div>
                                        <div style="font-size:0.75rem; color:#64748b">{{ $app->contact_no ?? '--' }}</div>
                                    </div>
                                </div>
                            </td>
                            <td style="font-size:0.83rem">{{ $app->course ?? '—' }}</td>
                            <td>
                                <span
                                    class="badge badge-soft-{{ in_array($app->category, ['SC', 'ST']) ? 'info' : (in_array($app->category, ['OBC', 'EWS']) ? 'warning' : 'secondary') }}">
                                    {{ $app->category }}
                                </span>
                            </td>
                            <td style="font-size:0.85rem">
                                {{ $app->percentage ? $app->percentage . '%' : '—' }}
                            </td>
                            <td style="font-size:0.82rem; color:#64748b">{{ $app->created_at->format('d M Y') }}</td>
                            <td>
                                <span class="badge badge-soft-primary">
                                    {{ ucfirst(str_replace('_', ' ', $app->status)) }}
                                </span>
                            </td>
                            <td>
                                <a href="{{ route('admin.applications.show', $app->id) }}"
                                    class="btn btn-sm btn-outline-primary py-1">
                                    <i class="bi bi-eye"></i> View
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-4 text-muted">
                                <i class="bi bi-inbox" style="font-size:2rem; opacity:0.3"></i>
                                <p class="mt-2 mb-0">No applications found</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($applications->hasPages())
            <div class="card-body pt-2 pb-3">
                {{ $applications->withQueryString()->links() }}
            </div>
        @endif
    </div>
@endsection