@extends('layouts.reference-feedback')
@section('step', 1)
@section('max-steps', 2)
@section('reference-title', 'Referee details')
@section('reference-header', 'Referee details')
@section('back-button-form-url')
    {{route('add-referee-form.information.store', ['reference' => $reference->id,'back' => 1])}}
@stop
@section('reference-form-content')

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

        <h4 class="mt-8 text-3xl font-bold sm:font-extrabold text-blue-900">Important information</h4>
        <div class="mt-12">
            <p>
                References help us establish your suitability to volunteer amongst children and young people, and help us 
                to rightly support and encourage you, and provide you with the right context in which to serve with us.
            </p>

            <h4 class="font-bold text-xl py-4 mt-3">Criteria for referees</h4>
            <ul class="list-disc list-inside pl-3 mb-4 -indent-5 ml-5">
                <li>At least one of your referees should not be connected with the work of the Titus Trust</li>
                <li>We can't accept references from relatives or people writing solely in their capacity as a friend.</li>
                <li>One of your referees, should have known you for at least two years.</li>
            </ul>

            <h4 class="font-bold text-xl py-4">Our process</h4>
            <ul class="list-disc list-inside pl-3 mb-5 -indent-5 ml-5">
                <li>We will contact your referees asking them to complete a reference questionnaire about you.</li>
                <li>If you would like to see the questions that we ask, you are welcome to view the form via the following link:</li>
            </ul>
            <p class="mt-4">
                <a href="#" class="text-primary-600 font-semibold flex gap-2" target="_blank">View our example reference form @svg('img/icons/external-link-blue')</a>
                <span class="text-gray-400">opens in new tab/window</span>
            </p>

            <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: Referee details
            </button>
        </div>
    </form>

@endsection