@extends('layouts.admin')

@section('title', 'Student Admission Dashboard')

@push('scripts')
    @vite('resources/js/pages/admission-dashboard.js')
@endpush

@section('content')
@php
    $byStatus = $stats['applications_by_status'] ?? [];
    $statusLabels = [];
    $statusValues = [];
    foreach ($byStatus as $status => $count) {
        $enum = \App\Enums\ApplicationStatus::tryFrom($status);
        $statusLabels[] = $enum?->label() ?? ucfirst(str_replace('_', ' ', (string) $status));
        $statusValues[] = (int) $count;
    }

    $funnelOrder = [
        \App\Enums\ApplicationStatus::Draft->value,
        \App\Enums\ApplicationStatus::Submitted->value,
        \App\Enums\ApplicationStatus::DocumentVerification->value,
        \App\Enums\ApplicationStatus::AcademicReview->value,
        \App\Enums\ApplicationStatus::Interview->value,
        \App\Enums\ApplicationStatus::PendingDecision->value,
        \App\Enums\ApplicationStatus::Approved->value,
        \App\Enums\ApplicationStatus::OfferIssued->value,
        \App\Enums\ApplicationStatus::OfferAccepted->value,
        \App\Enums\ApplicationStatus::ConvertedToStudent->value,
    ];
    $funnelLabels = [];
    $funnelValues = [];
    foreach ($funnelOrder as $status) {
        $enum = \App\Enums\ApplicationStatus::from($status);
        $funnelLabels[] = $enum->label();
        $funnelValues[] = (int) ($byStatus[$status] ?? 0);
    }

    $timelineItems = collect($upcomingInterviews ?? [])->map(function ($interview) {
        $applicant = $interview->application?->applicant;
        $name = trim(($applicant?->first_name ?? '').' '.($applicant?->last_name ?? ''));

        return [
            'time' => $interview->scheduled_at?->diffForHumans() ?? '',
            'title' => $interview->venue ?: 'Interview',
            'description' => ($name ?: 'Applicant').' · '.($interview->application?->application_number ?? ''),
        ];
    })->values()->all();
@endphp

<div class="bv-page-header">
    <div>
        <x-ui.breadcrumb :items="[
            ['label' => 'Home', 'href' => route('dashboard')],
            ['label' => 'Student Admission'],
        ]" />
        <h1 class="bv-page-header__title">Admission Dashboard</h1>
        <p class="bv-page-header__subtitle">Applications pipeline, reviews, and upcoming interviews.</p>
    </div>
    <div class="bv-page-header__actions">
        <x-ui.button variant="ghost" icon="bi-gear" :href="route('admission.settings.index')">Settings</x-ui.button>
        <x-ui.button variant="primary" icon="bi-plus-lg" :href="route('admission.applications.create')">New Application</x-ui.button>
    </div>
</div>

@include('institution.partials.flash')

<div class="row g-4 mb-2 bv-stagger">
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Applications" :counter="$stats['total_applications'] ?? 0" icon="bi-file-earmark-person-fill" trend="All statuses" trend-direction="neutral" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Applicants" :counter="$stats['applicants_count'] ?? 0" icon="bi-people-fill" trend="Registered applicants" trend-direction="up" variant="info" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Pending Reviews" :counter="$stats['pending_reviews'] ?? 0" icon="bi-clipboard-check" trend="Awaiting your review" trend-direction="neutral" variant="warning" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Upcoming Interviews" :counter="$stats['upcoming_interviews_count'] ?? 0" icon="bi-calendar-event" trend="Scheduled ahead" trend-direction="up" variant="success" />
    </div>
</div>

<div class="row g-4 mt-1">
    <div class="col-lg-8">
        <div class="bv-chart-card">
            <div class="d-flex align-items-center justify-content-between mb-3">
                <div>
                    <h4 class="bv-widget__title">Admission Funnel</h4>
                    <span class="text-muted-bv small">Pipeline progression</span>
                </div>
                <span class="bv-badge bv-badge--primary"><i class="bi bi-funnel"></i> Live</span>
            </div>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--320">
                <canvas id="chart-admission-funnel"
                    data-labels='@json($funnelLabels)'
                    data-values='@json($funnelValues)'>
                </canvas>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="bv-chart-card">
            <h4 class="bv-widget__title mb-3">By Status</h4>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--320">
                <canvas id="chart-admission-status"
                    data-labels='@json($statusLabels)'
                    data-values='@json($statusValues)'>
                </canvas>
            </div>
        </div>
    </div>
</div>

<div class="row g-4 mt-1">
    <div class="col-lg-6">
        <x-ui.card title="Upcoming interviews">
            @if(count($timelineItems))
                <x-ui.timeline :items="$timelineItems" />
            @else
                <x-ui.empty-state icon="bi-calendar-x" title="No upcoming interviews" description="Scheduled interviews will appear here." />
            @endif
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="Quick actions">
            <div class="d-flex flex-wrap gap-2">
                <x-ui.button variant="ghost" icon="bi-people" :href="route('admission.applicants.index')">Applicants</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-file-earmark" :href="route('admission.applications.index')">Applications</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-clipboard-check" :href="route('admission.reviews.index')">Reviews</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-bar-chart" :href="route('admission.analytics.index')">Analytics</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-diagram-3" :href="route('admission.workflow.index')">Workflow</x-ui.button>
            </div>
            <p class="text-muted-bv small mt-3 mb-0">Reviews logged: {{ $stats['reviews_count'] ?? 0 }}</p>
        </x-ui.card>
    </div>
</div>
@endsection