@extends('layouts.dbs')
@section('step', 1)
@section('max-steps', 2)
@section('dbs-title', 'Submit current DBS details')
@section('dbs-header', 'Submit current DBS')
@section('back-button-form-url')
    {{route('dbs.check-requirements')}}
@stop
@section('dbs-form-content')

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

            <h4 class="mt-8 text-3xl font-bold sm:font-extrabold text-blue-900">Information on certificate</h4>
            <p class="mt-4">
                This information will be on the current certificate
            </p>
            <div class="mt-4 flex flex-col gap-5">
                <div>
                    <x-inputs.new-input name="number" label="DBS Number" class="sm:max-w-full"/>
                    <x-inputs.error name="number"/>
                </div>

                <div>
                    <h3 class="text-gray-900 text-sm font-semibold mb-5">What was the disclosure date of your DBS?</h3>
                    <div class="flex gap-4 justify-between sm:justify-start sm:max-w-[300px] -mt-2">
                        <x-inputs.new-input class="basis-1/3" name="disclosure_date[day]" label="Day"/>
                        <x-inputs.select class="basis-1/3 !mt-0" name="disclosure_date[month]" label="Month"
                                        :options="config('date.months')" placeholder="" />
                        <x-inputs.new-input class="basis-1/3" name="disclosure_date[year]" label="Year"/>
                    </div>
                    <x-inputs.error name="disclosure_date"/>
                </div>

                <div>
                    <x-inputs.new-input name="first_name" label="First name" class="sm:max-w-full"/>
                    <x-inputs.error name="first_name"/>
                </div>

                <div>
                    <x-inputs.new-input name="last_name" label="Last name" class="sm:max-w-full"/>
                    <x-inputs.error name="last_name"/>
                </div>

                <x-inputs.checkbox name="opt_in_update_service_checks" help="I confirm I am happy for Titus Trust to check the status of my DBS check via the Update Service" value="1" checkWithLabel="true" />
                <x-inputs.error name="opt_in_update_service_checks"/>
            </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-10">
                Next: Upload scan
            </button>
        </form>

@endsection