<!DOCTYPE html>
<html lang="zxx" class="js">

<head>
    <meta charset="utf-8">
    <meta name="author" content="{{ ucwords(config('settings.site_name')) }}">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="{{ ucwords(strtolower(config('app.description'))) }}">
    <!-- Fav Icon  -->
    <link rel="shortcut icon" href="/images/favicon.png">
    <!-- Page Title  -->
    <title>Online Application | {{ ucwords(config('settings.site_name')) }}</title>
    <!-- StyleSheets  -->
    <link rel="stylesheet" href="/assets/css/dashlite.css?ver=2.4.0">
    <link id="skin-default" rel="stylesheet" href="/assets/css/theme.css?ver=2.4.0">
    <link rel="stylesheet" href="/assets/css/catalyst.css">
</head>

<body class="nk-body bg-white npc-general pg-auth" id="catalyst-root">
    <div class="page-cover"></div>
    <div id="page-loader" class="fade show">
        <div class="d-flex justify-content-center center-screen">
            <span class="spin"></span>
        </div>
    </div>
    <div class="nk-app-root">
        <!-- main  -->
        <div class="nk-main ">
            <!-- wrap  -->
            <div class="nk-wrap nk-wrap-nosidebar">
                <!-- content -->
                <div class="nk-content ">
                    <a name="step-one"></a>
                    <a name="step-two"></a>
                    <a name="step-three"></a>
                    <div class="nk-block nk-block-middle nk-auth-body wide-md">
                        <div class="brand-logo pb-4 text-center">
                            <a href="html/index.html" class="logo-link">
                                <img class="logo-light logo-img logo-img-lg" src="/images/logo.png?{{ rand(1,999999) }}" srcset="/images/logo.png?{{ rand(1,999999) }}" alt="logo">
                                <img class="logo-dark logo-img logo-img-lg" src="/images/logo.png?{{ rand(1,999999) }}" srcset="/images/logo.png?{{ rand(1,999999) }}" alt="logo-dark">
                            </a>
                        </div>
                        <div class="card card-bordered final">
                            <div class="card-inner card-inner-lg">
                                <div class="step-one">
                                    <div class="nk-block-head">
                                        <div class="nk-block-head-content">
                                            <h4 class="nk-block-title text-primary">{{ ucwords(strtolower(config('settings.site_name'))) }}</h4>
                                        </div>
                                    </div>
                                    <form id="terms-formData">
                                        <div class="form-group">
                                            <textarea class="form-control" id="terms" cols="30" rows="20">
                                               @include('components.includes._agreement')
                                            </textarea>
                                        </div>
                                        <div class="form-data">
                                            <a href="/" id="decline" class="btn btn-danger mr-5">Decline</a>
                                            <a href="onlineapplication" id="accept" class="btn btn-success">Accept</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nk-footer nk-auth-footer-full">
                        <div class="container wide-lg">
                            <div class="row g-3">
                                <div class="col-lg-6 order-lg-last">
                                    <ul class="nav nav-sm justify-content-center justify-content-lg-end">
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">Terms & Condition</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">Privacy Policy</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">Help</a>
                                        </li>
                                        <li class="nav-item dropup">
                                            
                                            <x-translator />
                                            
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-lg-6">
                                    <div class="nk-block-content text-center text-lg-left">
                                        <p class="text-soft">&copy; 2023 Ruskaz bank. All Rights Reserved.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- wrap  -->
            </div>
            <!-- content  -->
        </div>
        <!-- main  -->
    </div>
    <!-- app-root  -->
    <!-- JavaScript -->
    <script src="/assets/js/bundle.js?ver=2.4.0"></script>
    <script src="/assets/js/scripts.js?ver=2.4.0"></script>
    <script src="/assets/js/custom.js?ver=0.1.5"></script>
    {{-- <script src="/js/authentication.js?ver=@php rand(1,999999)"></script> --}}
</body>
</html>
