@extends('layouts.reference-feedback')
@section('step', 3)
@section('max-steps', 6)
@section('reference-title', 'Reference feedback form')
@section('reference-header', 'Reference for '. $reference->user->full_name)
@section('back-button-form-url')
    {{route('reference-feedback-form.suitable.store', ['token' => $reference->verification_token, 'back' => 1])}}
@stop
@section('reference-form-content')

    <form enctype="multipart/form-data"
          action="{{route('reference-feedback-form.suitable.store', $reference->verification_token)}}"
          method="post" id="reference-form" accept-charset="UTF-8">
        @csrf

        <h4 class="mt-8 text-3xl font-bold sm:font-extrabold text-blue-900">Suitability for work with children and young people</h4>
        <div class="mt-5">
            <p>
                Our first priority is to provide children and young people (aged 10-18) with a safe and happy environment whilst on a Titus Trust Holiday.
            </p>
            <ul class="list-disc list-inside pl-3 mb-5 -indent-5 ml-5">
                <li>All volunteers must have Enhanced Disclosure and Barring Service clearance to work with children.</li>
                <li>We have a full safeguarding policy, and must ensure that young people are well looked after by appropriate people at all times.</li>
            </ul>
            <p class="mt-4">
                If appointed, the applicant will be placed in situations where he or she will work closely with children and young people and may 
                sometimes have unsupervised access to those children and young people.
            </p>

            <p class="text-sm font-semibold text-gray-900 mt-4">To the best of your knowledge, is there any reason why the applicant would be unsuitable to care and be responsible for children and young people?</p>
            <div class="flex flex-col gap-4 mt-6 max-w-fit">
                <x-inputs.new-radio-group class="ml-0 flex gap-2" name="q1_a" label="They are suitable" value="1" :checked="old('q1_a') == '1'">
                    <x-slot:labelHelp>I see no reason preventing them from working with children and young people</x-slot:labelHelp>
                </x-inputs.new-radio-group>
                <x-inputs.new-radio-group class="ml-0 flex gap-2" name="q1_a" label="They are unsuitable" value="0" :checked="old('q1_a') == '0'">
                    <x-slot:labelHelp>I have reasons, and feel they should not work with children and young people</x-slot:labelHelp>
                </x-inputs.new-radio-group>
                <x-inputs.error name="q1_a"/>

            </div>

            <p class="text-sm font-semibold text-gray-900 mt-8">Please expand upon your answer in either case</p>
            <div>
                <x-inputs.textarea name="q1_b" class="sm:max-w-full" rows="8" label="">{{old('q1_b')}}</x-inputs.textarea>
                <x-inputs.error name="q1_b"/>
            </div>
        </div>

        <button type="submit" class="text-white bg-primary-600 w-full sm:w-auto 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: Christian faith
        </button>
    </form>

@endsection