@extends('layouts.app')

@section('title') Confirm Application @endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1') Application @endslot
@slot('title') Confirm Application @endslot
@endcomponent

<div class="row">
    <div class="col-lg-2">
        <a href="{{ route('application.edit', ['section' => 'init', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            <div class="card border border-primary">
                <div class="card-body text-center text-primary">
                    <h3><i class="bx bxs-book-content"></i></h3>
                    <h6>Create Application</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-lg-2">
        <a href="{{ route('application.edit', ['section' => 'details', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            <div class="card border border-primary">
                <div class="card-body text-center text-primary">
                    <h3><i class="bx bxs-detail"></i></h3>
                    <h6>Details</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-lg-2">
        <a href="{{ route('application.edit', ['section' => 'funding', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            <div class="card border border-primary">
                <div class="card-body text-center text-primary">
                    <h3><i class="bx bxs-calculator"></i></h3>
                    <h6>Funding Requirement</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-lg-2">
        <a href="{{ route('application.edit', ['section' => 'docs', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            <div class="card border border-primary">
                <div class="card-body text-center text-primary">
                    <h3><i class="bx bxs-file-doc"></i></h3>
                    <h6>Documents</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-lg-2">
        <div class="card bg-primary">
            <div class="card-body text-center">
                <h3><i class="bx bxs-check-circle"></i></h3>
                <h6>Confirmation</h6>
            </div>
        </div>
    </div>
    <div class="col-lg-2">
        <div class="card border border-primary">
            <div class="card-body text-center text-primary">
                <h3><i class="bx bx-money-withdraw"></i></h3>
                <h6>Pay Application Fee</h6>
            </div>
        </div>
    </div>
</div>

@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <i class="mdi mdi-check-all me-2"></i>
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if ($errors->any())
<div class="alert alert-danger">
    <ul class="mb-0">
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<div class="card">
    <div class="card-body">
        <h4 class="card-title">Confirmation</h4>
        <p class="card-title-desc"> Please confirm the following before submitting your application.</p>

        <form method="POST" action="{{ route('application.save', ['section' => 'confirm', 'encryptedLeadId' => encrypt($lead->id)]) }}">
            @csrf

            <div class="form-check mt-3">
                <input class="form-check-input" type="checkbox" name="confirm_checks[]" value="details_valid" id="check1" required>
                <label class="form-check-label" for="check1">
                    I confirm that all the information provided in this application is true and accurate.
                </label>
            </div>

            <div class="form-check mt-2">
                <input class="form-check-input" type="checkbox" name="confirm_checks[]" value="docs_uploaded" id="check2" required>
                <label class="form-check-label" for="check2">
                    I have uploaded all the required documents for this application.
                </label>
            </div>

            <div class="form-check mt-2">
                <input class="form-check-input" type="checkbox" name="confirm_checks[]" value="consent_agreed" id="check3" required>
                <label class="form-check-label" for="check3">
                    I understand that submission does not guarantee approval and consent to be contacted.
                </label>
            </div>

            {{-- <div class="mt-4">
                <div class="alert alert-info">
                    Once submitted, you won't be able to edit the application. Please review your information carefully.
                </div>
            </div> --}}

            <div class="mt-4">
                <a class="btn btn-light float-start" href="{{ route('application.edit', ['section' => 'docs', 'encryptedLeadId' => encrypt($lead->id)]) }}">Previous</a>
                <button class="btn btn-primary float-end">Save & Continue</button>
            </div>
        </form>
    </div>
</div>

@endsection

@section('script')
<script>


</script>
@endsection