@extends('layouts.admin')

@section('title', ($record ? 'Edit' : 'Create') . ' Programme Track')

@section('content')
@php
    use App\Enums\RecordStatus;
    use App\Models\Programme;

    $programmes = Programme::query()->orderBy('name')->get(['id', 'name', 'code']);
@endphp

<x-ui.page-header
    :title="($record ? 'Edit' : 'Create') . ' Programme Track'"
    :subtitle="$record ? 'Update track details.' : 'Define a specialisation track within a programme.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Institution Setup', 'href' => route('institution.dashboard')],
        ['label' => 'Programme Tracks', 'href' => route('institution.programme-tracks.index')],
        ['label' => $record ? 'Edit' : 'Create'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card :title="$record ? 'Edit track' : 'New track'">
    <form method="POST" action="{{ $formAction }}">
        @csrf
        @if($formMethod !== 'POST') @method($formMethod) @endif

        <div class="row g-3">
            <div class="col-md-6">
                <div class="bv-form-group {{ $errors->has('programme_id') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-journal-bookmark"></i>
                        <div class="form-floating">
                            <select id="programme_id" name="programme_id" class="form-select bv-form-control" required>
                                <option value="">Select programme</option>
                                @foreach($programmes as $programme)
                                    <option value="{{ $programme->id }}" @selected(old('programme_id', $record->programme_id ?? '') == $programme->id)>{{ $programme->name }} ({{ $programme->code }})</option>
                                @endforeach
                            </select>
                            <label for="programme_id">Programme <span class="required">*</span></label>
                        </div>
                    </div>
                    @error('programme_id')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-3">
                <div class="bv-form-group {{ $errors->has('code') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-hash"></i>
                        <div class="form-floating">
                            <input type="text" id="code" name="code" class="form-control bv-form-control" placeholder="Code" value="{{ old('code', $record->code ?? '') }}" required>
                            <label for="code">Code <span class="required">*</span></label>
                        </div>
                    </div>
                    @error('code')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-md-3">
                <div class="bv-form-group {{ $errors->has('status') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-toggle-on"></i>
                        <div class="form-floating">
                            <select id="status" name="status" class="form-select bv-form-control">
                                @foreach(RecordStatus::cases() as $status)
                                    <option value="{{ $status->value }}" @selected(old('status', $record->status?->value ?? RecordStatus::Active->value) === $status->value)>{{ $status->label() }}</option>
                                @endforeach
                            </select>
                            <label for="status">Status</label>
                        </div>
                    </div>
                    @error('status')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-12">
                <div class="bv-form-group {{ $errors->has('name') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-signpost-split"></i>
                        <div class="form-floating">
                            <input type="text" id="name" name="name" class="form-control bv-form-control" placeholder="Name" value="{{ old('name', $record->name ?? '') }}" required>
                            <label for="name">Track name <span class="required">*</span></label>
                        </div>
                    </div>
                    @error('name')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="col-12">
                <div class="bv-form-group {{ $errors->has('description') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-text-paragraph"></i>
                        <div class="form-floating">
                            <textarea id="description" name="description" class="form-control bv-form-control" placeholder="Description">{{ old('description', $record->description ?? '') }}</textarea>
                            <label for="description">Description</label>
                        </div>
                    </div>
                    @error('description')<div class="bv-form-error">{{ $message }}</div>@enderror
                </div>
            </div>
        </div>

        <div class="d-flex gap-2 mt-4">
            <x-ui.button type="submit" variant="primary" icon="bi-check-lg">{{ $record ? 'Update track' : 'Create track' }}</x-ui.button>
            <x-ui.button variant="ghost" :href="route('institution.programme-tracks.index')">Cancel</x-ui.button>
        </div>
    </form>
</x-ui.card>
@endsection