@extends('layouts.return-form')
@section('step', 3)
@section('back-button-form-url')
    {{ route('portal.account.booking.return-form.personal-and-contact-details', ['booking' => $booking]) }}
@stop
@section('holiday-form-content')

    <form enctype="multipart/form-data"
          action="{{route('portal.account.booking.return-form.holiday-activities', ['booking' => $booking])}}"
          method="post" id="return-form" accept-charset="UTF-8"
          class="mt-10"
    >
        @csrf

        <h4 class="mt-8 text-3xl font-extrabold text-blue-900">Holiday activities</h4>
        <p class="text-gray-500 mt-2">Our activities include some or all of bending, lifting, balancing, jumping, falling, climbing, stretching, co-ordination and swimming. In case of doubt about the participant's fitness, please consult your GP before attendance.</p>

        <div class="mt-10">

            <h4 class="text-xl font-bold text-gray-900 mb-6">Swimming</h4>

            <div class="mt-8">
                <p class="text-sm font-medium text-gray-900">Is {{ $booking->attendee->first_name }} able to swim 50 metres?</p>
                <div class="flex flex-col gap-4 mt-4 max-w-fit">
                    <x-inputs.new-radio-group :checked="old('able_swim_50_meters') == '1'" class="ml-0 flex gap-2" name="able_swim_50_meters" label="Yes" value="1"/>
                    <x-inputs.new-radio-group :checked="old('able_swim_50_meters') == '0'" class="ml-0 flex gap-2" name="able_swim_50_meters" label="No" value="0"/>
                </div>
                <x-inputs.error name="able_swim_50_meters" />
            </div>

            <div class="mt-8">
                <p class="text-sm font-medium text-gray-900">Is {{ $booking->attendee->first_name }} water–confident in a pool?</p>
                <div class="flex flex-col gap-4 mt-4 max-w-fit">
                    <x-inputs.new-radio-group :checked="old('water_confident') == '1'" class="ml-0 flex gap-2" name="water_confident" label="Yes" value="1" />
                    <x-inputs.new-radio-group :checked="old('water_confident') == '0'" class="ml-0 flex gap-2" name="water_confident" label="No" value="0" />
                </div>
                <x-inputs.error name="water_confident" />
            </div>

            <div class="mt-8">
                <p class="text-sm font-medium text-gray-900">Is {{ $booking->attendee->first_name }} confident in the sea or in open inland water?</p>
                <div class="flex flex-col gap-4 mt-4 max-w-fit">
                    <x-inputs.new-radio-group :checked="old('sea_confident') == '1'" class="ml-0 flex gap-2" name="sea_confident" label="Yes" value="1" />
                    <x-inputs.new-radio-group :checked="old('sea_confident') == '0'" class="ml-0 flex gap-2" name="sea_confident" label="No" value="0" />
                </div>
                <x-inputs.error name="sea_confident" />
            </div>

            <h4 class="text-xl font-bold text-gray-900 mb-4 mt-12">Consent for activities</h4>
            <div class="mb1 flex items-start">
                <input type="checkbox" class="mr-2 w-4 h-4 text-blue-600 border bg-gray-50 border-gray-400 rounded focus:ring-blue-500" id="confirm_activities" value="1" name="confirm_activities" @checked(old('confirm_activities'))>
                <label for="confirm_activities" class="form-group-help-box leading-normal text-gray-800">
                    By ticking this box, I confirm I give permission for {{ $booking->attendee->first_name }} to take part in all the activities advertised in the Holiday brochures or in other Holiday publicity and in similar activities, with the exception of those activities that I have specified below (*) <span class="text-sm font-normal">(optional)</span>.
                </label>
            </div>

            <x-inputs.new-input name="avoid_activities" label="* I do not wish {{ $booking->attendee->first_name }} to take part in the following activity / activities:" class="!font-medium !mt-4" optional/>

            <div class="mt-4 flex items-start">
                <input type="checkbox" class="mr-2 w-4 h-4 text-blue-600 border bg-gray-50 border-gray-400 rounded focus:ring-blue-500" id="consent_form" name="consent_form" value="1" @checked(old('consent_form'))>
                <label for="consent_form" class="form-group-help-box leading-normal text-gray-800">
                    By ticking this box you allow us to provide your child's name and date of birth, and sign a consent form on your behalf for activities delivered by other organisations including Paint-balling, Laser Tag and Go-Ape. Please contact us for exceptions <span class="text-sm font-normal">(optional)</span>
                </label>
            </div>


            @if($booking->returnForm->isSubmitted())
                <button type="submit" name="update" class="flex gap-2 items-center 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-3 mt-8">
                    <span>Update</span>
                </button>
            @else
                <button type="submit" class="flex gap-2 items-center 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-3 mt-8">
                    <span>Next: Medical details</span>
                </button>

                <button type="submit" name="save-draft-submit" form="return-form" class="flex gap-2 items-center text-primary-600 hover:text-white hover:bg-primary-600 border border-primary-600 font-medium rounded-lg text-sm px-5 py-3 mt-8">
                    <span>Save and leave</span>
                </button>

                <p class="mt-4 text-xs text-gray-500">You are free to fill in each section of the return form in your own time.</p>
            @endif
        </div>
    </form>

@endsection