@extends('layouts.reference-feedback')
@section('step', 4)
@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.faith.store', ['token' => $reference->verification_token, 'back' => 1])}}
@stop
@section('reference-form-content')

    <form enctype="multipart/form-data"
          action="{{route('reference-feedback-form.faith.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">Christian faith</h4>
        <div class="mt-12">
            <p class="text-sm font-semibold text-gray-900 mt-4">{{$reference->user->full_name}}'s belief and manner of living is</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="q2_a" label="Consistent with the Christian faith" value="1" :checked="old('q2_a') == '1'">
                </x-inputs.new-radio-group>
                <x-inputs.new-radio-group class="ml-0 flex gap-2" name="q2_a" label="Inconsistent with the Christian faith" value="2" :checked="old('q2_a') == '2'">
                </x-inputs.new-radio-group>
                <x-inputs.new-radio-group class="ml-0 flex gap-2" name="q2_a" label="I can’t comment on this" value="3" :checked="old('q2_a') == '3'">
                </x-inputs.new-radio-group>
                <x-inputs.error name="q2_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="q2_b" class="sm:max-w-full" rows="8" label="">{{ old('q2_b') }}</x-inputs.textarea>
                <x-inputs.error name="q2_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: Dealing with pressure
        </button>
    </form>

@endsection