@extends('layouts.guest')

@section('title', 'Track Application')

@section('guest-nav')
    <a href="{{ route('admission.portal.start') }}" class="bv-btn bv-btn--ghost bv-btn--sm">Apply now</a>
@endsection

@section('content')
<div class="container py-5" style="max-width: 720px;">
    <div class="text-center mb-4">
        <h1 class="bv-page-header__title">Track your application</h1>
        <p class="text-muted-bv">Enter your tracking number to view status.</p>
    </div>

    <x-ui.card title="Lookup">
        <form method="POST" action="{{ route('admission.portal.track.lookup') }}">
            @csrf
            <div class="row g-3">
                <div class="col-md-8">
                    <div class="bv-form-group">
                        <div class="bv-form-group__field">
                            <i class="bv-form-group__icon bi bi-hash"></i>
                            <div class="form-floating">
                                <input type="text" name="application_number" id="application_number" class="form-control bv-form-control" value="{{ old('application_number', $search['application_number'] ?? '') }}" placeholder="APP-2026-000001">
                                <label for="application_number">Application number</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 d-flex align-items-stretch">
                    <button type="submit" class="bv-btn bv-btn--primary w-100">Track</button>
                </div>
            </div>
        </form>
    </x-ui.card>

    @if(request()->isMethod('post'))
        @if($application)
            <x-ui.card title="Application status" class="mt-4">
                <div class="row g-3">
                    <div class="col-md-6"><span class="text-muted-bv small d-block">Number</span><strong class="text-mono">{{ $application->application_number }}</strong></div>
                    <div class="col-md-6"><span class="text-muted-bv small d-block">Status</span><strong>{{ is_object($application->status) ? $application->status->label() : $application->status }}</strong></div>
                    <div class="col-md-6"><span class="text-muted-bv small d-block">Programme</span>{{ $application->programme?->name ?? '—' }}</div>
                    <div class="col-md-6"><span class="text-muted-bv small d-block">Campus</span>{{ $application->campus?->name ?? '—' }}</div>
                </div>
                @if($application->statusLogs?->count())
                    <hr>
                    <h6 class="mb-3">History</h6>
                    <ul class="list-unstyled mb-0">
                        @foreach($application->statusLogs->sortByDesc('created_at') as $log)
                            <li class="py-2 border-bottom border-secondary-subtle">
                                <strong>{{ \App\Enums\ApplicationStatus::tryFrom($log->to_status)?->label() ?? $log->to_status }}</strong>
                                <span class="text-muted-bv small d-block">{{ $log->created_at?->format('d M Y H:i') }} · {{ $log->notes }}</span>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </x-ui.card>
        @else
            <div class="alert alert-warning mt-4">No application found for that tracking number.</div>
        @endif
    @endif
</div>
@endsection