@extends('layouts.student-booking-application')
@section('step', 3)
@section('back-button-form-url')
    {{$event->makeRoute('student.booking.term-time-address.store', ['event_slug' => $event->slug, 'back'])}}
@stop
@section('holiday-form-content')

    <form enctype="multipart/form-data"
          action="{{$event->makeRoute('student.booking.term-time-address.store', ['event_slug' => $event->slug])}}"
          method="post" id="booking-form" accept-charset="UTF-8"
          class="mt-10"
    >
        @csrf

        <h4 class="mt-8 text-3xl font-extrabold text-blue-900">Term time address</h4>
        <h5 class="text-base text-gray-500 mt-2">Usually the school address with room number</h5>

        <div class="mt-12">
            <x-inputs.input name="term_time_address1" label="Address 1"/>
            <x-inputs.input name="term_time_address2" label="Address 2" optional="true" />
            <div class="flex gap-0 flex-col sm:flex-row sm:gap-8">
                <div class="flex flex-col flex-1">
                    <x-inputs.input name="term_time_county" label="County"/>
                </div>
                <div class="flex flex-col flex-1 mt-4">
                    <x-inputs.new-input name="term_time_postcode" label="Postcode" class="max-w-[201px] sm:max-w-full"/>
                    <x-inputs.error name="term_time_postcode" />
                </div>
            </div>
            <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