@extends('layouts.admin')
@section('title', 'Batches')
@section('heading', 'Internship Batches')
@section('subheading', 'Main and repeat internship intakes. Each batch runs for one year with four quarterly evaluation cycles.')
@section('actions')
    <a href="{{ route('admin.batches.create') }}" class="bg-warm-gradient inline-flex items-center gap-2 rounded-xl px-5 py-2.5 text-sm font-semibold text-white shadow-lg shadow-orange-500/20 hover:brightness-110">
        <i class="ri-add-line text-lg"></i> New batch
    </a>
@endsection
@use('App\Models\InternshipBatch', 'Batch')
@section('content')
@php
    $statusChip = [
        'upcoming'    => ['Upcoming',    'bg-blue-50 text-blue-700 ring-blue-200'],
        'in_progress' => ['In progress', 'bg-emerald-50 text-emerald-700 ring-emerald-200'],
        'completed'   => ['Completed',   'bg-slate-100 text-slate-600 ring-slate-200'],
        'inactive'    => ['Inactive',    'bg-slate-100 text-slate-500 ring-slate-200'],
    ];
@endphp

<section class="admin-card mb-6 overflow-hidden">
    @include('admin.partials.toolbar', ['placeholder' => 'Search by title or code…', 'noun' => 'batches', 'items' => $items,
        'filters' => [
            'year' => ['' => 'All years'] + $years->mapWithKeys(fn ($y) => [$y => $y])->all(),
            'type' => ['' => 'Main & repeat'] + Batch::TYPES,
        ]])
</section>

@if($items->isEmpty())
    <section class="admin-card flex flex-col items-center px-6 py-16 text-center">
        <span class="mb-4 flex size-16 items-center justify-center rounded-2xl bg-slmc-tint text-3xl text-slmc-600"><i class="ri-stack-line"></i></span>
        <h3 class="text-lg font-bold text-slmc">{{ request()->hasAny(['q', 'year', 'type']) ? 'No batches match your filters' : 'No internship batches yet' }}</h3>
        <p class="mt-1 max-w-md text-sm text-gray-500">Create a batch to set the internship start date. The completion date and evaluation cycles are generated automatically.</p>
        <a href="{{ route('admin.batches.create') }}" class="bg-login-panel mt-5 inline-flex items-center gap-2 rounded-xl px-5 py-2.5 text-sm font-semibold text-white hover:brightness-110"><i class="ri-add-line"></i> Create first batch</a>
    </section>
@else
    <div class="grid gap-5 md:grid-cols-2 2xl:grid-cols-3">
        @foreach($items as $b)
            @php [$label, $chip] = $statusChip[$b->status()]; @endphp
            <a href="{{ route('admin.batches.show', $b) }}" class="admin-card group relative flex flex-col overflow-hidden p-5 transition hover:-translate-y-0.5 hover:shadow-xl sm:p-6">
                <span @class(['absolute inset-x-0 top-0 h-1', 'bg-primary-gradient' => $b->type === 'main', 'bg-warm-gradient' => $b->type === 'repeat'])></span>
                <div class="mb-4 flex items-start justify-between gap-3">
                    <div class="flex items-center gap-3">
                        <span @class(['flex size-12 shrink-0 flex-col items-center justify-center rounded-2xl font-extrabold leading-none',
                            'bg-slmc text-white' => $b->type === 'main', 'bg-orange-500 text-white' => $b->type === 'repeat'])>
                            <span class="text-[10px] font-semibold opacity-80">{{ substr((string) $b->year, 0, 2) }}</span><span class="text-lg">{{ substr((string) $b->year, 2) }}</span>
                        </span>
                        <div class="min-w-0">
                            <p class="text-[11px] font-bold tracking-wider uppercase {{ $b->type === 'main' ? 'text-slmc-600' : 'text-orange-600' }}">{{ $b->typeLabel() }} batch · {{ $b->year }}</p>
                            <h3 class="truncate text-lg font-bold text-slmc group-hover:underline">{{ $b->name }}</h3>
                        </div>
                    </div>
                    <span class="shrink-0 rounded-full px-2.5 py-1 text-xs font-semibold ring-1 {{ $chip }}">{{ $label }}</span>
                </div>

                @if($b->description)<p class="mb-4 line-clamp-2 text-sm text-gray-500">{{ $b->description }}</p>@endif

                <dl class="mb-4 grid grid-cols-2 gap-3 text-sm">
                    <div class="rounded-xl bg-slate-50 p-3"><dt class="text-[10px] font-bold tracking-wider text-slate-500 uppercase">Starts</dt><dd class="font-semibold text-slmc">{{ $b->starts_on->format('j M Y') }}</dd></div>
                    <div class="rounded-xl bg-slate-50 p-3"><dt class="text-[10px] font-bold tracking-wider text-slate-500 uppercase">Completes</dt><dd class="font-semibold text-slmc">{{ $b->ends_on->format('j M Y') }}</dd></div>
                </dl>

                <div class="mt-auto">
                    <div class="mb-1.5 flex justify-between text-xs"><span class="text-gray-500"><i class="ri-user-heart-line"></i> {{ $b->interns_count }} interns</span><span class="font-semibold text-slmc">{{ $b->progressPercent() }}%</span></div>
                    <div class="h-1.5 overflow-hidden rounded-full bg-slate-100"><div class="bg-primary-gradient h-full rounded-full" style="width: {{ $b->progressPercent() }}%"></div></div>
                    <p class="mt-3 font-mono text-[11px] text-gray-400">{{ $b->code }}</p>
                </div>
            </a>
        @endforeach
    </div>
    @if($items->hasPages())
        <div class="admin-card mt-6 overflow-hidden">@include('admin.partials.pagination', ['items' => $items])</div>
    @endif
@endif
@endsection