@extends('layouts.admin')

@section('title', 'Institution Setup Dashboard')

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

@section('content')
@php
    $sessionLabel = $currentSession
        ? $currentSession->name . ' (' . $currentSession->year_start . '/' . $currentSession->year_end . ')'
        : config('app.academic_session', now()->year . '/' . (now()->year + 1));

    $statusChartData = function (array $data): array {
        $labels = [];
        $values = [];
        foreach (['active', 'inactive', 'archived', 'draft'] as $status) {
            if (($data[$status] ?? 0) > 0) {
                $labels[] = ucfirst($status);
                $values[] = (int) $data[$status];
            }
        }
        return ['labels' => $labels, 'values' => $values];
    };

    $campusChart = $statusChartData($charts['campuses_by_status'] ?? []);
    $programmeChart = $statusChartData($charts['programmes_by_status'] ?? []);
    $facultyChart = $statusChartData($charts['faculties_by_status'] ?? []);
    $sessionChart = $statusChartData($charts['sessions_by_status'] ?? []);
    $intakeChart = $statusChartData($charts['intakes_by_status'] ?? []);

    $growthLabels = ['Campuses', 'Faculties', 'Programmes'];
    $growthValues = [
        (int) ($charts['growth']['campuses'] ?? 0),
        (int) ($charts['growth']['faculties'] ?? 0),
        (int) ($charts['growth']['programmes'] ?? 0),
    ];

    $timelineItems = $recentActivity->map(function ($activity) {
        $subject = $activity->subject;
        $subjectLabel = $subject?->name ?? $subject?->code ?? class_basename($activity->subject_type ?? 'Record');
        return [
            'time' => $activity->created_at?->diffForHumans() ?? '',
            'title' => ucfirst($activity->description ?? $activity->event ?? 'Activity'),
            'description' => ($activity->causer?->name ? $activity->causer->name . ' · ' : '') . $subjectLabel,
        ];
    })->values()->all();
@endphp

<div class="bv-page-header">
    <div>
        <x-ui.breadcrumb :items="[
            ['label' => 'Home', 'href' => route('dashboard')],
            ['label' => 'Institution Setup'],
        ]" />
        <h1 class="bv-page-header__title">{{ $institution->name ?? 'Institution Setup' }}</h1>
        <p class="bv-page-header__subtitle">Setup overview for academic session {{ $sessionLabel }}.</p>
    </div>
    <div class="bv-page-header__actions">
        <x-ui.button variant="ghost" icon="bi-building" :href="route('institution.institution.index')">Edit Profile</x-ui.button>
        <x-ui.button variant="primary" icon="bi-plus-lg" :href="route('institution.campuses.create')">Add Campus</x-ui.button>
    </div>
</div>

@include('institution.partials.flash')

{{-- Setup KPIs --}}
<div class="row g-4 mb-2 bv-stagger">
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Campuses" :counter="$counts['campuses']" icon="bi-geo-alt-fill" trend="Physical &amp; online sites" trend-direction="neutral" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Faculties" :counter="$counts['faculties']" icon="bi-mortarboard-fill" trend="Schools &amp; faculties" trend-direction="neutral" variant="info" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Programmes" :counter="$counts['programmes']" icon="bi-journal-bookmark-fill" trend="Active curricula" trend-direction="up" variant="success" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Academic Sessions" :counter="$counts['academic_sessions']" icon="bi-calendar-range" :trend="$currentSession ? 'Current: ' . $currentSession->code : 'No current session'" trend-direction="neutral" variant="accent" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Areas of Study" :counter="$counts['areas_of_study']" icon="bi-book-fill" trend="Discipline groups" trend-direction="neutral" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Programme Tracks" :counter="$counts['programme_tracks']" icon="bi-signpost-split-fill" trend="Specialisation paths" trend-direction="neutral" variant="info" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Structures" :counter="$counts['programme_structures']" icon="bi-diagram-3-fill" trend="Curriculum structures" trend-direction="neutral" variant="warning" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Academic Intakes" :counter="$counts['academic_intakes']" icon="bi-people-fill" trend="Admission intakes" trend-direction="up" variant="success" />
    </div>
</div>

{{-- Charts row 1 --}}
<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">Setup Growth (6 months)</h4>
                    <span class="text-muted-bv small">New records created</span>
                </div>
                <span class="bv-badge bv-badge--primary"><i class="bi bi-graph-up-arrow"></i> Live</span>
            </div>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--320">
                <canvas id="chart-setup-growth"
                    data-labels='@json($growthLabels)'
                    data-values='@json($growthValues)'>
                </canvas>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="bv-chart-card">
            <h4 class="bv-widget__title mb-3">Programmes by Status</h4>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--320">
                <canvas id="chart-programmes-status"
                    data-labels='@json($programmeChart['labels'])'
                    data-values='@json($programmeChart['values'])'>
                </canvas>
            </div>
        </div>
    </div>
</div>

{{-- Charts row 2 --}}
<div class="row g-4 mt-1">
    <div class="col-lg-4">
        <div class="bv-chart-card">
            <h4 class="bv-widget__title mb-3">Campuses by Status</h4>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--240">
                <canvas id="chart-campuses-status"
                    data-labels='@json($campusChart['labels'])'
                    data-values='@json($campusChart['values'])'>
                </canvas>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="bv-chart-card">
            <h4 class="bv-widget__title mb-3">Faculties by Status</h4>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--240">
                <canvas id="chart-faculties-status"
                    data-labels='@json($facultyChart['labels'])'
                    data-values='@json($facultyChart['values'])'>
                </canvas>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="bv-chart-card">
            <h4 class="bv-widget__title mb-3">Sessions &amp; Intakes</h4>
            <div class="bv-chart-card__canvas bv-chart-card__canvas--240">
                <canvas id="chart-sessions-intakes"
                    data-session-labels='@json($sessionChart['labels'])'
                    data-session-values='@json($sessionChart['values'])'
                    data-intake-labels='@json($intakeChart['labels'])'
                    data-intake-values='@json($intakeChart['values'])'>
                </canvas>
            </div>
        </div>
    </div>
</div>

{{-- Quick actions --}}
@if(count($quickActions))
<div class="mt-4">
    <div class="bv-widget">
        <div class="bv-widget__header">
            <h4 class="bv-widget__title"><i class="bi bi-lightning-charge-fill text-gradient me-1"></i> Quick Actions</h4>
            <span class="text-muted-bv small">Common institution setup tasks</span>
        </div>
        <div class="bv-quick-actions bv-stagger">
            @foreach($quickActions as $action)
                <a href="{{ route($action['route']) }}" class="bv-quick-action">
                    <span class="bv-quick-action__icon"><i class="bi {{ $action['icon'] }}"></i></span>
                    <span>{{ $action['label'] }}</span>
                </a>
            @endforeach
        </div>
    </div>
</div>
@endif

{{-- Widgets row --}}
<div class="row g-4 mt-1">
    <div class="col-lg-4">
        <div class="bv-widget">
            <div class="bv-widget__header">
                <h4 class="bv-widget__title">Recent Activity</h4>
            </div>
            @if(count($timelineItems))
                <x-ui.timeline :items="$timelineItems" />
            @else
                <x-ui.empty-state title="No recent activity" message="Institution setup changes will appear here." icon="bi-clock-history" />
            @endif
        </div>
    </div>

    <div class="col-lg-4">
        <div class="bv-widget">
            <div class="bv-widget__header">
                <h4 class="bv-widget__title">Campus Overview</h4>
                <a href="{{ route('institution.campuses.index') }}" class="small">View all</a>
            </div>
            <div class="d-flex flex-column gap-3">
                @foreach($campusChart['labels'] as $i => $label)
                    <div class="d-flex align-items-center gap-3">
                        <span class="bv-notifications__icon bv-notifications__icon--info"><i class="bi bi-geo-alt"></i></span>
                        <div class="flex-grow-1">
                            <div class="fw-semibold" style="font-size:.85rem">{{ $label }}</div>
                            <div class="text-muted-bv small">{{ $campusChart['values'][$i] ?? 0 }} campuses</div>
                        </div>
                    </div>
                @endforeach
                @if(empty($campusChart['labels']))
                    <p class="text-muted-bv small mb-0">No campus data yet.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="bv-widget">
            <div class="bv-widget__header">
                <h4 class="bv-widget__title">Programme Overview</h4>
                <a href="{{ route('institution.programmes.index') }}" class="small">View all</a>
            </div>
            <div class="d-flex flex-column gap-3">
                @foreach($programmeChart['labels'] as $i => $label)
                    <div class="d-flex align-items-center gap-3">
                        <span class="bv-notifications__icon bv-notifications__icon--success"><i class="bi bi-journal-bookmark"></i></span>
                        <div class="flex-grow-1">
                            <div class="fw-semibold" style="font-size:.85rem">{{ $label }}</div>
                            <div class="text-muted-bv small">{{ $programmeChart['values'][$i] ?? 0 }} programmes</div>
                        </div>
                    </div>
                @endforeach
                @if(empty($programmeChart['labels']))
                    <p class="text-muted-bv small mb-0">No programme data yet.</p>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- Module summary table --}}
<div class="row g-4 mt-1">
    <div class="col-12">
        <x-ui.table-wrapper title="Setup module summary" :record-count="array_sum($counts)" :exportable="false">
            <x-slot:head>
                <tr><th>Module</th><th>Records</th><th>Manage</th></tr>
            </x-slot:head>
            @foreach([
                ['Campuses', $counts['campuses'], 'institution.campuses.index'],
                ['Faculties', $counts['faculties'], 'institution.faculty.index'],
                ['Areas of Study', $counts['areas_of_study'], 'institution.area-of-study.index'],
                ['Programmes', $counts['programmes'], 'institution.programmes.index'],
                ['Programme Tracks', $counts['programme_tracks'], 'institution.programme-tracks.index'],
                ['Programme Structures', $counts['programme_structures'], 'institution.programme-structure.index'],
                ['Academic Paths', $counts['academic_paths'], 'institution.academic-path.index'],
                ['Academic Sessions', $counts['academic_sessions'], 'institution.sessions.index'],
                ['Study Plan Periods', $counts['study_plan_periods'], 'institution.study-plan-periods.index'],
                ['Academic Intakes', $counts['academic_intakes'], 'institution.academic-intake.index'],
            ] as [$module, $count, $route])
                <tr>
                    <td class="fw-semibold">{{ $module }}</td>
                    <td><x-ui.badge variant="primary">{{ $count }}</x-ui.badge></td>
                    <td><a href="{{ route($route) }}" class="small">Open module</a></td>
                </tr>
            @endforeach
        </x-ui.table-wrapper>
    </div>
</div>
@endsection