@extends('layouts.dbs')
@section('dbs-title', 'Update DBS details')
@section('back-button-form-url')
    {{route('dbs.index')}}
@stop
@section('dbs-form-content')

        <h3 class="text-blue-900 text-2xl">Applying for a DBS</h3>
        <h4 class="mt-8 text-3xl font-bold sm:font-extrabold text-blue-900">Applying through thirtyone:eight</h4>

        <div class="mt-4">
            <p class="mb-4">You will complete your DBS application through our safeguarding partner. </p>
            <p class="mb-4">Click the button below to open their application page in a new tab.</p>

            <form id="applyForm" action="{{config('services.thirtyone:eight.url')}}" method="POST" target="_blank">
                <input type="hidden" name="applicationType" value="{{config('services.thirtyone:eight.application_type')}}">
                <input type="hidden" name="reference" value="{{config('services.thirtyone:eight.reference')}}">
                <input type="hidden" name="accessCode" value="{{config('services.thirtyone:eight.access_code')}}">
                <button
                    type="submit"
                    class="text-white flex gap-2 bg-primary-600 w-fit hover:bg-primary-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5"
                >
                    Apply via thirtyone:eight @svg('img/icons/external-link-white')
                </button>
            </form>

            <p class="mt-6">On your return, once you have applied, please click the button below to confirm.</p>

            <a
                href="{{route('dbs.applied')}}"
                class="text-primary-700 border border-1 border-primary-600 bg-white flex gap-2 w-fit hover:bg-primary-50 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mt-5">
                I have applied @svg('img/icons/check')
            </a>
        </div>

@endsection