@extends('layouts.admin')

@section('title', ($record ? 'Edit' : 'Create') . ' Area of Study')

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

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

<x-ui.page-header
    :title="($record ? 'Edit' : 'Create') . ' Area of Study'"
    :subtitle="$record ? 'Update area of study details.' : 'Define a new area of study within a faculty.'"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Institution Setup', 'href' => route('institution.dashboard')],
        ['label' => 'Areas of Study', 'href' => route('institution.area-of-study.index')],
        ['label' => $record ? 'Edit' : 'Create'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card :title="$record ? 'Edit area of study' : 'New area of study'">
    <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('faculty_id') ? 'is-invalid' : '' }}">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-mortarboard"></i>
                        <div class="form-floating">
                            <select id="faculty_id" name="faculty_id" class="form-select bv-form-control" required>
                                <option value="">Select faculty</option>
                                @foreach($faculties as $faculty)
                                    <option value="{{ $faculty->id }}" @selected(old('faculty_id', $record->faculty_id ?? '') == $faculty->id)>{{ $faculty->name }} ({{ $faculty->code }})</option>
                                @endforeach
                            </select>
                            <label for="faculty_id">Faculty <span class="required">*</span></label>
                        </div>
                    </div>
                    @error('faculty_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-book"></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">Area of study 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' : 'Create' }}</x-ui.button>
            <x-ui.button variant="ghost" :href="route('institution.area-of-study.index')">Cancel</x-ui.button>
        </div>
    </form>
</x-ui.card>
@endsection