@extends('layouts.admin')

@section('title', 'Registration Wizard — ' . ($record->fullName() ?? 'Student'))

@section('content')
@php
    $current = $record->registration_status;
    $currentValue = is_object($current) ? $current->value : $current;
@endphp

<x-ui.page-header
    :title="'Wizard: ' . $record->fullName()"
    :subtitle="'Computer number: ' . ($record->computer_number ?? '—')"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Registration', 'href' => route('registration.dashboard')],
        ['label' => 'Wizard', 'href' => route('registration.wizard.index')],
        ['label' => $record->fullName()],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-person" :href="route('registration.students.show', $record)">Profile</x-ui.button>
    </x-slot:actions>
</x-ui.page-header>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.card title="Workflow steps">
            <ol class="list-group list-group-numbered mb-0">
                @foreach($steps as $step)
                    <li class="list-group-item d-flex justify-content-between align-items-start {{ $currentValue === $step->value ? 'active' : '' }}">
                        <div class="ms-2 me-auto">
                            <div class="fw-semibold">{{ $step->label() }}</div>
                            <small class="text-muted-bv">{{ $step->value }}</small>
                        </div>
                        @if($currentValue === $step->value)
                            <span class="bv-badge bv-badge--primary">Current</span>
                        @endif
                    </li>
                @endforeach
            </ol>
        </x-ui.card>

        <x-ui.card title="Advance step" class="mt-4">
            <form method="POST" action="{{ route('registration.wizard.advance', $record) }}">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-arrow-right-circle"></i>
                                <div class="form-floating">
                                    <select id="step" name="step" class="form-select bv-form-control" required>
                                        @foreach($availableSteps as $step)
                                            @php
                                                $val = is_object($step) ? $step->value : $step;
                                                $label = is_object($step) && method_exists($step, 'label')
                                                    ? $step->label()
                                                    : (\App\Enums\RegistrationWorkflowStatus::tryFrom((string) $val)?->label() ?? $val);
                                            @endphp
                                            <option value="{{ $val }}">{{ $label }}</option>
                                        @endforeach
                                    </select>
                                    <label for="step">Next step</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-chat-left-text"></i>
                                <div class="form-floating">
                                    <input type="text" id="notes" name="notes" class="form-control bv-form-control" placeholder="Notes">
                                    <label for="notes">Notes</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-3">
                    <x-ui.button type="submit" variant="primary" icon="bi-check-lg">Advance</x-ui.button>
                </div>
            </form>
        </x-ui.card>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Student summary">
            <p class="mb-1"><span class="text-muted-bv small">Programme</span><br><strong>{{ $record->programme?->name ?? '—' }}</strong></p>
            <p class="mb-1"><span class="text-muted-bv small">Campus</span><br><strong>{{ $record->campus?->name ?? '—' }}</strong></p>
            <p class="mb-0"><span class="text-muted-bv small">Email</span><br><strong>{{ $record->email ?? '—' }}</strong></p>
        </x-ui.card>
    </div>
</div>
@endsection