@extends('layouts.booking-application')
@section('step', 2)
@section('back-button-form-url')
    {{ route('event.booking.parent-details.store', ['event_slug' => $event->slug, 'back']) }}
@stop
@section('holiday-form-content')


    <form enctype="multipart/form-data"
          action="{{route('event.booking.parent-details.store', ['event_slug' => $event->slug])}}"
          method="post" id="booking-form" accept-charset="UTF-8">
        @csrf

        <h4 class="mt-8 text-3xl font-extrabold text-blue-900">Parent details</h4>

        <div class="mt-12">
            <x-inputs.select name="parent_title" label="Title" :options="\App\Models\User::getTitlesAsSelectArray()" class="max-w-[107px]"/>
            @error('parent_title')
                <div class="font-normal text-sm text-red-500 mt-2">
                    {!! $message !!}
                </div>
            @enderror
            <x-inputs.input name="parent_firstname" label="First Name" />
            <x-inputs.input name="parent_lastname" label="Last Name"/>
            <x-inputs.input name="parent_email" type="email" label="Email"/>
            <x-inputs.input name="parent_mobile_number" type="tel" label="Mobile Number" class="max-w-[384px]"/>

            <button type="submit" class="text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mt-12">
                Next: Home address
            </button>
        </div>
    </form>

@endsection