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


        <h4 class="mt-10 text-3xl font-extrabold text-blue-900">Final checks</h4>

        <div>

            @if(!$booking->returnForm->isCompleted())
                <p class="leading-tight text-sm font-medium text-gray-900 mt-6">There are still sections that require your response. Please see below to view each area that requires input.</p>
            @endif

            <x-booking-return-form.topics-block class="md:mt-8" :booking="$booking" :show-percents="!$booking->returnForm->isSubmitted()"/>
            <div class="mt-8 leading-tight text-sm font-medium text-gray-900">Please complete and submit these forms by {{ $booking->eventOption->returnFormDueDate()->format(config('formats.datetime.short-date')) }}</div>

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

                        <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="confirm_return_form" name="confirm_return_form" value="1">
                            <label for="confirm_return_form" class="form-group-help-box leading-normal text-gray-800">
                                I confirm that I have checked through these return forms and they are accurate to the best of my knowledge.
                            </label>
                        </div>
                        @error('confirm_return_form')
                            <div class="form-group-error-box text-md text-red-500">
                                <small>{{ $message }}</small>
                            </div>
                        @enderror

                        <button type="submit" class="w-max 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>Submit return forms</span>
                            @svg('img/icons/submit-button', 'text-white')
                        </button>
                    </form>
                @endif


            <a class="mt-8 block text-lg font-medium text-primary-600 hover:underline" href="{{ route('portal.account.booking', compact('booking')) }}">Return to booking</a>
        </div>

@endsection