@extends('term-volunteer-application-forms.volunteer-application-layout')
@section('step', 7)

@section('back-button-url')
    {{route('portal.account.term-volunteer-application.holiday-activities', compact('term_volunteer_application'))}}
@stop

@section('pages-content')

    <form method="post" action="{{ Request::url() }}" id="term_volunteer_application_form">
        @csrf

        <h1 class="mt-8 text-3xl font-extrabold text-blue-900">Doctrinal basis agreement</h1>

        <p class="text-gray-900 text-base font-medium mt-10">Those who wish to serve on a Team leading a Titus Trust Holiday must agree that they will teach in accordance with the Titus Trust Basis of Faith, as shown below.</p>

        <ol class="flex flex-col gap-4 mt-8 pl-8 list-decimal text-gray-900 text-base leading-normal">
            <li>There is one God. In the unity of the Godhead there are three persons, of one substance, power, and eternity: God the Father, God the Son, and God the Holy Spirit</li>
            <li>God is sovereign in creation, revelation, redemption, and final judgment. His will for the world cannot fail, and since he ordains all things, he knows all things; past, present, and future.</li>
            <li>The Bible, as originally given, is the inspired and inerrant Word of God. It is the sufficient and supreme authority in all matters of belief and behavior.</li>
            <li>Since the fall, the whole of humankind is sinful and guilty, so that everyone is subject to God's wrath and condemnation.</li>
            <li>The Lord Jesus Christ, God's incarnate Son, is fully God and fully man; he was born of a virgin; his humanity is real and sinless; he died on the cross, was raised bodily from death and is now reigning over heaven.</li>
            <li>Sinful human beings can be redeemed from the guilt, penalty, and power of sin only through the sacrificial death once and for all time of their representative and substitute, Jesus Christ. He died in their place, bearing on the cross the punishment due to them for their sins. He is the only mediator between humanity and God.</li>
            <li>Those who believe in Jesus Christ are pardoned all their sins and accepted in God's sight, only because their sin was borne by Christ and his righteous life is credited to them. This justification is God's act of undeserved mercy, received solely by trust in Christ and not by their own efforts.</li>
            <li>The Holy Spirit alone makes the work of Christ effective to individual sinners, enabling them to turn to God from their sin and to trust in Jesus Christ.</li>
            <li>The Holy Spirit lives in all those he has regenerated. He makes them increasingly Christlike in character and behavior and gives them power for their witness in the world.</li>
            <li>The one holy universal church is the body of Christ, to which all true believers belong.</li>
            <li>The Lord Jesus Christ will return in person, to judge everyone, to execute God's just punishment on those who have not repented and to receive the redeemed to eternal glory.</li>
        </ol>

        <div class="flex flex-col gap-4 mt-8 max-w-fit" x-data="{has_agreed_doctrinal_agreement: @js($current_data['has_agreed_doctrinal_agreement'] ?? 1)}">

            <h3 class="text-sm font-medium text-gray-900">After reading the above, please confirm:</h3>

            <x-inputs.new-radio-group name="has_agreed_doctrinal_agreement" label="Yes, I agree to the doctrinal basis" value="1" @change="has_agreed_doctrinal_agreement = true" :checked="old('has_agreed_doctrinal_agreement', $current_data['has_agreed_doctrinal_agreement'] ?? null) === 1" class="!ml-0 flex gap-2"/>
            <x-inputs.new-radio-group name="has_agreed_doctrinal_agreement" label="No, I can't agree" value="0" @change="has_agreed_doctrinal_agreement = false" :checked="old('has_agreed_doctrinal_agreement', $current_data['has_agreed_doctrinal_agreement'] ?? null) === 0" class="!ml-0 flex gap-2"/>

            <div class="flex gap-6 p-2" x-cloak x-transition x-show="!has_agreed_doctrinal_agreement">
                <span class="block bg-gray-400 w-[2px]"></span>
                <p class="text-sm font-medium text-gray-900">
                    Thank you, we will be in touch to ask for further information
                </p>
            </div>
        </div>

        <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-14 w-fit">
            <span>Next: Safeguarding Self Declaration </span>
        </button>

        <button type="submit" name="save-draft-submit"
                class="flex w-fit 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-8">
            <span>Save and leave</span>
        </button>

        <p class="text-xs text-gray-500 mt-4">You are free to fill in each section of the return form in your own
            time.</p>
    </form>
@endsection