@extends('dashboard.user.layouts.app')
@section('content')
    <div class="page-container">

        <div class="page-title-head d-flex align-items-sm-center flex-sm-row flex-column gap-2">
            <div class="flex-grow-1">
                <h4 class="fs-18 fw-semibold mb-0">{{ $title }}</h4>
            </div>

            <div class="text-end">
                <x-dashboard.user.breadcrumbs :breadcrumbs="$breadcrumbs" />
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">

                <x-dashboard.user.card>
                    <h3 class="card-title mb-0">Account Verification</h3>
                    </p>
                </x-dashboard.user.card>

                <x-dashboard.user.card>
                    @slot('header')
                        <h3 class="card-title mb-0">Welcome to {{ config('app.name') }}</h3>
                        <p>Complete your account verification to access all features</p>
                    @endslot

                    <p>
                        <strong>
                            Dear {{ $user->name }} {{ $user->middle_name }} {{ $user->last_name }},
                        </strong>
                    </p>

                    <p>
                        Welcome Onboard! {{ config('app.name') }} is the market's most innovative and fastest-growing
                        company in the financial industry. We look forward to working with you to help you get the most
                        out
                        of our financial services and realize your banking goals.

                        Here at {{ config('app.name') }}, we are committed to providing a wide variety of savings,
                        investment, and loan products, all designed to meet your specific needs. Our services are being
                        used
                        by over two million customers around the world.

                        Our excellent customer support team is available 24/7 to help you with any questions. You can
                        contact them at: <strong>{{ config('app.email') }}</strong>.

                        We need a little more information to complete your registration, including completing the
                        AML/KYC
                        form. Please review our terms and conditions below before proceeding.
                    </p>

                </x-dashboard.user.card>

                <x-dashboard.user.card>
                    @slot('header')
                        <h3 class="card-title mb-0">Terms and Conditions</h3>
                    @endslot
                    <x-dashboard.user.card style="overflow-y: scroll; height:300px">
                        <div class="mb-4">
                            <p class="mb-4">
                                Before you can start using our online service you must agree to be bound by the
                                conditions
                                below. You must read the
                                conditions before you decide whether to accept them. If you agree to be bound by these
                                conditions, please click the
                                I accept button below. If you click on the Decline button, you will not be able to
                                continue
                                your
                                registration for our
                                online services. We strongly recommend that you print a copy of these conditions for
                                your
                                reference.
                            </p>

                            <h4 class="mt-4 mb-2">1. DEFINITIONS</h4>
                            <p class="mb-2">In these conditions the following words have the following meanings:</p>
                            <ul class="list-disc pl-6 mb-4 space-y-1">
                                <li><span>ACCOUNT:</span> any account which you hold and access via our
                                    online service.</li>
                                <li><span>ADDITIONAL SECURITY DETAILS:</span> the additional information you
                                    give us to help us identify you including the additional security question you
                                    provide
                                    yourself.</li>
                                <li><span>IDENTITY DETAILS:</span> the access code we may provide you with.
                                </li>
                                <li><span>{{ config('app.name') }} ACCOUNT NUMBER, PASSWORD and ACCOUNT
                                        PIN:</span> you choose to identify yourself when you use our online service.
                                </li>
                                <li><span>YOU, YOUR and YOURSELF:</span> refer to the person who has entered
                                    into this agreement with us.</li>
                            </ul>

                            <h4 class="mt-4 mb-2">2. USING THE ONLINE SERVICE</h4>
                            <ol class="list-alpha pl-6 mb-4 space-y-2">
                                <li>These conditions apply to your use of our online service and in relation to any
                                    accounts.
                                    They explain the relationship between you and us in relation to our online service.
                                    You
                                    should read these conditions carefully to understand how these services work and
                                    your
                                    and
                                    our rights and duties under them. If there is a conflict between these conditions
                                    and
                                    your
                                    account conditions, these conditions will apply. This means that, when you use our
                                    online
                                    service both sets of conditions will apply unless they contradict each other in
                                    which
                                    case,
                                    the relevant condition in these conditions apply.</li>
                                <li>If any of your accounts is a joint account, these conditions apply to all of you
                                    together
                                    and any of you separately. If more than one of you uses our online service you must
                                    each
                                    choose your own username, password and additional security details.</li>
                                <li>By registering to use our online service, you accept these conditions and agree that
                                    we
                                    may
                                    communicate with you by e-mail or through our website.</li>
                                <li>When you use our online service you must follow the instructions we give you from
                                    time
                                    to
                                    time. You are responsible for ensuring that your computer, software and other
                                    equipment
                                    are
                                    capable of being used with our online service.</li>
                                <li>Our online sites are secure. Disconnection from the Internet or leaving these sites
                                    will
                                    not
                                    automatically log you off. You must always use the log off facility when you are
                                    finished
                                    and never leave your machine unattended while you are logged in. As a security
                                    measure,
                                    if
                                    you have not used the sites for more than a specified period of time we will ask you
                                    to
                                    log
                                    in again.</li>
                            </ol>

                            <h4 class="mt-4 mb-2">3. WHAT RULES APPLY TO SECURITY?
                            </h4>
                            <ol class="list-alpha pl-6 mb-4 space-y-2">
                                <li>As part of the registration for our online service you must provide us with identity
                                    details
                                    before we will allow you to use the services for the first time. You must enter your
                                    identity details immediately after signing in, so we can identify you.</li>
                                <li>Every time you use our online service you must give us your username, your password
                                    and
                                    the
                                    answer to an additional security question.</li>
                                <li>You can change your username or password online by following the instructions on the
                                    screen.
                                </li>
                                <li>For administration or security reasons, we can require you to choose a new username
                                    or
                                    change your password before you use (or carry on using) our online service.</li>
                                <li>You must not write down, store (whether encrypted or otherwise) on your computer or
                                    let
                                    anyone else know your password, identity details or additional security details, and
                                    the
                                    fact that they are for use with your accounts.</li>
                            </ol>

                            <h4 class="mt-4 mb-2">4. WHAT IS THE EXTENT OF YOUR
                                LIABILITY?</h4>
                            <ol class="list-alpha pl-6 mb-4 space-y-2">
                                <li>If you are a victim of online fraud, we guarantee that you won't lose any money on
                                    your
                                    accounts and will always be reimbursed in full.</li>
                                <li>Unless you are a victim of fraud you are responsible for all instructions and other
                                    information sent using your username, password or additional security details.</li>
                                <li>You will not be held responsible for any instructions or information sent after you
                                    have
                                    told us that someone knows your password or additional security details and has used
                                    any
                                    of
                                    them to access our online service.</li>
                                <li>{{ config('app.name') }} does not accept responsibility for any loss you or anybody
                                    else
                                    may suffer because any instructions or information you sent us are sent in error,
                                    fail
                                    to
                                    reach us or are distorted unless you have been the victim of fraud.</li>
                                <li>{{ config('app.name') }} does not accept responsibility for any loss you or anybody
                                    else
                                    may suffer because any instructions or information we send you fail to reach you or
                                    are
                                    distorted unless you have been the victim of fraud.</li>
                            </ol>

                            <h4 class="mt-4 mb-2">5. HOW WE CAN CHANGE THESE
                                CONDITIONS</h4>
                            <ol class="list-alpha pl-6 mb-4 space-y-2">
                                <li>{{ config('app.name') }} may change these conditions for any reason by giving you
                                    written
                                    notice or publishing the change on our website.</li>
                                <li>We may send all written notices to you at the last e-mail address you gave us. You
                                    must
                                    let
                                    us know immediately if you change your e-mail address (you can do so online), to
                                    make
                                    sure
                                    that we have your current e-mail address at all times.</li>
                            </ol>

                            <h4 class="mt-4 mb-2">6. GENERAL</h4>
                            <p>{{ config('app.name') }} service is available to you if you are 18 years of age or over.
                            </p>
                        </div>
                    </x-dashboard.user.card>
                    @slot('footer')
                        <a href="{{ route('user.kyc.form') }}" class="btn btn-primary"><i
                                class="fa-solid fa-check-circle me-1"></i> I Accept &
                            Proceed to
                            Verification</a>

                        <a href="{{ route('user.dashboard') }}" class="btn btn-danger"><i
                                class="fa-solid fa-xmark-circle me-1"></i> Decline</a>
                    @endslot
                </x-dashboard.user.card>

            </div>
            <div class="col-md-12">
                <x-dashboard.user.support-card />
            </div>
        </div>
    </div>
@endsection
