@extends('layouts.admin')

@section('title', 'Edit Biodata — ' . $record->fullName())

@section('content')
<x-ui.page-header
    :title="'Edit biodata'"
    :subtitle="$record->fullName()"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Students', 'href' => route('registration.students.index')],
        ['label' => $record->fullName(), 'href' => route('registration.students.show', $record)],
        ['label' => 'Biodata'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card title="Personal details">
    <form method="POST" action="{{ $formAction }}">
        @csrf
        @method($formMethod)
        <div class="row g-3">
            @foreach(['title','surname','first_name','middle_name','gender','nationality','nrc_number','passport_number','phone','alt_phone','email','province','district','town','country'] as $field)
                <div class="col-md-6">
                    <div class="bv-form-group {{ $errors->has($field) ? 'is-invalid' : '' }}">
                        <div class="bv-form-group__field">
                            <i class="bv-form-group__icon bi bi-person"></i>
                            <div class="form-floating">
                                <input type="{{ $field === 'email' ? 'email' : 'text' }}" id="{{ $field }}" name="{{ $field }}"
                                       class="form-control bv-form-control" placeholder="{{ $field }}"
                                       value="{{ old($field, data_get($record, $field)) }}">
                                <label for="{{ $field }}">{{ ucwords(str_replace('_', ' ', $field)) }}</label>
                            </div>
                        </div>
                        @error($field)<div class="bv-form-error">{{ $message }}</div>@enderror
                    </div>
                </div>
            @endforeach
            <div class="col-md-6">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-calendar"></i>
                        <div class="form-floating">
                            <input type="date" id="date_of_birth" name="date_of_birth" class="form-control bv-form-control"
                                   value="{{ old('date_of_birth', optional($record->date_of_birth)->format('Y-m-d')) }}">
                            <label for="date_of_birth">Date of birth</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-geo"></i>
                        <div class="form-floating">
                            <textarea id="residential_address" name="residential_address" class="form-control bv-form-control" style="height:90px" placeholder="Address">{{ old('residential_address', $record->residential_address) }}</textarea>
                            <label for="residential_address">Residential address</label>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" name="institution_id" value="{{ $record->institution_id }}">
        </div>
        <div class="d-flex gap-2 mt-4">
            <x-ui.button type="submit" variant="primary" icon="bi-check-lg">Save biodata</x-ui.button>
            <x-ui.button variant="ghost" :href="route('registration.students.show', $record)">Cancel</x-ui.button>
        </div>
    </form>
</x-ui.card>
@endsection