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

    <form enctype="multipart/form-data"
          action="{{route('portal.account.booking.return-form.consent', ['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">Consent</h4>

        <div class="mt-10">

            @if(!$booking->returnForm->isForStudents())
                <h4 class="text-xl font-bold text-gray-900">Consent for holiday participation</h4>

                <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_holiday_participation" name="consent_holiday_participation" value="1" @checked(old('consent_holiday_participation'))>
                    <label for="consent_holiday_participation" class="form-group-help-box leading-normal text-gray-800">
                        By ticking this box, I confirm that {{ $booking->attendee->first_name }} is in good health and that I consider him fit to participate. I understand that while attending a Titus Trust Holiday, {{ $booking->attendee->first_name }} will be under the control and care of the Overall Holiday Leader and/or other adults approved by the Titus Trust and that, while the leaders in charge of the Holiday will take all reasonable care of the children, they cannot necessarily be held responsible for any loss, damage or injury suffered by {{ $booking->attendee->first_name }} during, or as a result of, the Holiday.
                    </label>
                </div>
                <x-inputs.error name="consent_holiday_participation"/>

                <h4 class="text-xl font-bold text-gray-900 mt-12">Consent for medical treatment</h4>

                <p class="leading-tight text-sm font-medium text-gray-900 mt-6">In an emergency and/or if I am not contactable, I am willing for {{ $booking->attendee->first_name }} to receive necessary hospital or dental treatment including an anaesthetic.</p>

                <div class="flex flex-col gap-4 mt-6 max-w-fit">
                    <x-inputs.new-radio-group :checked="old('consent_medical_treatment') == '1'" class="ml-0 flex gap-2" name="consent_medical_treatment" label="Yes" value="1" />
                    <x-inputs.new-radio-group :checked="old('consent_medical_treatment') == '0'" class="ml-0 flex gap-2" name="consent_medical_treatment" label="No" value="0" />
                </div>
                <x-inputs.error name="consent_medical_treatment"/>
            @endif

            <h4 class="text-xl font-bold text-gray-800 mt-12">{{ __($lang_file.'.consent.sub_header', ['name' => $attendee_name]) }}</h4>
            <p class="leading-tight text-sm font-medium text-gray-900 mt-6">We take photos and videos during the holiday for promotional purposes which we use for publicity in brochures, on our website, and social media platforms, Facebook, Instagram and Twitter. We keep photos for future use in publicity.</p>
            <p class="leading-tight text-base text-gray-800 mt-10">{{ __($lang_file.'.consent.consent_promotional', ['name' => $attendee_name]) }}</p>
            <div class="flex flex-col gap-4 mt-6 max-w-fit">
                <x-inputs.new-radio-group :checked="old('consent_promotional') == '1'" class="ml-0 flex gap-2" name="consent_promotional" label="Yes" value="1" />
                <x-inputs.new-radio-group :checked="old('consent_promotional') == '0'" class="ml-0 flex gap-2" name="consent_promotional" label="No" value="0" />
            </div>
            <x-inputs.error name="consent_promotional"/>

            <p class="leading-tight text-base text-gray-800 mt-8">{{ __($lang_file.'.consent.consent_social', ['name' => $attendee_name]) }}</p>
            <div class="flex flex-col gap-4 mt-6 max-w-fit">
                <x-inputs.new-radio-group :checked="old('consent_social') == '1'" class="ml-0 flex gap-2" name="consent_social" label="Yes" value="1" />
                <x-inputs.new-radio-group :checked="old('consent_social') == '0'" class="ml-0 flex gap-2" name="consent_social" label="No" value="0" />
            </div>
            <x-inputs.error name="consent_social"/>


            @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-12">
                    <span>Next: Final confirmation</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-10">
                    <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