<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Primary Meta Tags -->
    <title>Dashboard - DriveTest 💛</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="title" content="Volt Premium Bootstrap Dashboard - Sign in page">
    <meta name="author" content="Themesberg">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <!-- Sweet Alert -->
    <link type="text/css" href="{{ asset('admin/vendor/sweetalert2/dist/sweetalert2.min.css') }}" rel="stylesheet">

    <!-- Notyf -->
    <link type="text/css" href="{{ asset('admin/vendor/notyf/notyf.min.css') }}" rel="stylesheet">

    <!-- Volt CSS -->
    <link type="text/css" href="{{ asset('admin/css/volt.css') }}" rel="stylesheet">

    <!-- NOTICE: You can use the _analytics.html partial to include production code specific code & trackers -->
    <style>
        #jhkdhgdjf{
            background-image: url('{{url("wallpaperflare.com_wallpaper (3).jpg")}}');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
        }
        #mainLogo{
            position: fixed;
            width: 149px;
            top: 40px;
            left: 40px;
        }
        #jdhfkjshjcmx{
            background-color: #0009;
            backdrop-filter: blur(2px);
        }
        .text-white{
            color: #fff;
        }
        .text-danger, .text-danger:hover {
    color: #ff7593 !important;
}
    </style>
</head>

<body>
    <img src="{{url('logo.svg')}}" alt="" id="mainLogo">
    <!-- NOTICE: You can use the _analytics.html partial to include production code specific code & trackers -->
    @php
        if (Session::has('useridforotp')) {
            $utyuire = 'py-5';
            $jshdj = 'my-5';
            $outoierut = 'otp_check';
        } else {
            $utyuire = '';
            $jshdj = '';
            $outoierut = 'login_check';
        }
    @endphp
    <main>
        <!-- Section -->
        <section class="vh-lg-100 mt-5 mt-lg-0 bg-soft d-flex align-items-center" id="jhkdhgdjf">
            <div class="container">
                <div class="row justify-content-center form-bg-image"
                    {{-- data-background-lg="/admin/img/illustrations/signin.svg"
                    style="background: url({{ asset('admin/img/illustrations/signin.svg') }});" --}}
                    >
                    <div class="col-12 d-flex align-items-center justify-content-center ">
                        <div id="jdhfkjshjcmx" class="shadow border-0 rounded border-light p-4 p-lg-5 w-100 fmxw-500 m-5" >
                            <div class="text-center text-md-center mb-4 mt-md-0 {{ $utyuire }}">
                                @if (Session::has('otpmessage'))
                                    <div class="alert alert-primary" role="alert">
                                        {{ Session::get('otpmessage') }}
                                    </div>
                                @endif
                                @if (Session::has('useridforotp'))
                                    <h1 class="mb-0 h3 text-white">OTP Verification</h1>
                                @else
                                    <h1 class="mb-0 h3 text-white">Sign In</h1>
                                @endif
                            </div>
                            <form action="{{ url($outoierut) }}" class="mt-4 {{ $jshdj }}" method="POST">
                                @csrf
                                @if (Session::has('useridforotp'))
                                    <div class="form-group mb-4">
                                        <label for="email" >Enter OTP <sup class="text-danger">*</sup></label>
                                        <div class="input-group">
                                            <span class="input-group-text" id="basic-addon1">
                                                <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                                    xmlns:xlink="http://www.w3.org/1999/xlink"
                                                    xmlns:svgjs="http://svgjs.com/svgjs" width="30" height="30"
                                                    x="0" y="0" viewBox="0 0 512 512"
                                                    style="enable-background:new 0 0 512 512" xml:space="preserve"
                                                    class="">
                                                    <g>
                                                        <g>
                                                            <path
                                                                d="m142.68 334.519-21.68 14.453v-31.972c0-8.284-6.716-15-15-15s-15 6.716-15 15v31.972l-21.68-14.453c-6.891-4.594-16.206-2.732-20.801 4.161s-2.732 16.206 4.161 20.801l29.776 19.851-17.062 17.062c-5.858 5.858-5.858 15.355 0 21.213 5.857 5.858 15.355 5.858 21.213 0l19.393-19.394 19.394 19.393c5.858 5.858 15.356 5.857 21.213 0 5.858-5.858 5.858-15.355 0-21.213l-17.062-17.062 29.776-19.851c6.893-4.596 8.756-13.909 4.161-20.801-4.597-6.893-13.911-8.755-20.802-4.16z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                            <path
                                                                d="m292.68 334.519-21.68 14.453v-31.972c0-8.284-6.716-15-15-15s-15 6.716-15 15v31.972l-21.68-14.453c-6.892-4.594-16.206-2.732-20.801 4.161s-2.732 16.206 4.161 20.801l29.776 19.851-17.062 17.062c-5.858 5.858-5.858 15.355 0 21.213 5.857 5.858 15.355 5.858 21.213 0l19.393-19.394 19.394 19.393c5.858 5.858 15.356 5.857 21.213 0 5.858-5.858 5.858-15.355 0-21.213l-17.062-17.062 29.776-19.851c6.893-4.596 8.756-13.909 4.161-20.801-4.597-6.893-13.91-8.755-20.802-4.16z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                            <path
                                                                d="m463.481 338.68c-4.596-6.894-13.909-8.756-20.801-4.161l-21.68 14.453v-31.972c0-8.284-6.716-15-15-15s-15 6.716-15 15v31.972l-21.68-14.453c-6.892-4.594-16.205-2.732-20.801 4.161-4.595 6.893-2.732 16.206 4.161 20.801l29.776 19.851-17.062 17.062c-5.858 5.858-5.858 15.355 0 21.213 5.857 5.858 15.355 5.858 21.213 0l19.393-19.394 19.394 19.393c5.858 5.858 15.356 5.857 21.213 0 5.858-5.858 5.858-15.355 0-21.213l-17.062-17.062 29.776-19.851c6.892-4.595 8.755-13.908 4.16-20.8z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                            <path
                                                                d="m136 482h-60c-8.284 0-15 6.716-15 15s6.716 15 15 15h60c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                            <path
                                                                d="m286 482h-60c-8.284 0-15 6.716-15 15s6.716 15 15 15h60c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                            <path
                                                                d="m436 482h-60c-8.284 0-15 6.716-15 15s6.716 15 15 15h60c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                            <path
                                                                d="m166 272h180c8.28 0 15-6.72 15-15v-120c0-8.28-6.72-15-15-15h-15v-47c0-41.355-33.645-75-75-75s-75 33.645-75 75v47h-15c-8.28 0-15 6.72-15 15v120c0 8.28 6.72 15 15 15zm90-60c-8.28 0-15-6.72-15-15s6.72-15 15-15 15 6.72 15 15-6.72 15-15 15zm-45-137c0-24.813 20.187-45 45-45s45 20.187 45 45v47h-90z"
                                                                fill="#000000" data-original="#000000" class="">
                                                            </path>
                                                        </g>
                                                    </g>
                                                </svg>
                                            </span>
                                            <input type="text" class="form-control" placeholder="12345"
                                                id="otp" name="otp" value=""
                                                style="font-size:22px; color:black;letter-spacing: 5px;" maxlength="5">

                                        </div>
                                        <span class="text-danger">{{ $errors->first('otp') }}</span>
                                    </div>
                                @else
                                    <div class="form-group mb-4">
                                        <label for="email" class="text-white">Your Email</label>
                                        <div class="input-group">
                                            <span class="input-group-text" id="basic-addon1">
                                                <svg class="icon icon-xs text-gray-600" fill="currentColor"
                                                    viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z">
                                                    </path>
                                                    <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z">
                                                    </path>
                                                </svg>
                                            </span>
                                            <input type="email" class="form-control"
                                                placeholder="example@company.com" id="email" name="email"
                                                value="{{ old('email') }}"autofocus>

                                        </div>
                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                    </div>
                                    <div class="form-group">
                                        <div class="form-group mb-4">
                                            <label for="password" class="text-white">Your Password</label>
                                            <div class="input-group">
                                                <span class="input-group-text" id="basic-addon2">
                                                    <svg class="icon icon-xs text-gray-600" fill="currentColor"
                                                        viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd"
                                                            d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
                                                            clip-rule="evenodd"></path>
                                                    </svg>
                                                </span>
                                                <input type="password" placeholder="Password" name="password"
                                                    class="form-control" {{ old('password') }} id="password">
                                                <span class="text-danger">{{ $errors->first('password') }}</span>
                                            </div>

                                        </div>
                                        <div class="d-flex justify-content-between align-items-top mb-4">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value=""
                                                    id="remember">
                                                <label class="form-check-label mb-0 text-white" for="remember">
                                                    Remember me
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- Harsh@25 --}}
                                @endif
                                <div class="mb-4 text-center"><span class="text-danger ">
                                        @if (Session::has('message'))
                                            {{ Session::get('message') }}
                                        @endif
                                    </span></div>
                                <div class="d-grid text-center">
                                    {{-- {{Cache::get('attemt')}} --}}
                                    {{Session::get('attemtTime')}}
                                    @if (Session::has('useridforotp'))
                                        <button type="submit" class="btn btn-gray-800">Complete Verification</button>
                                    @else
                                    @if(Cache::get('attemt') >= 3)
                                    
                                    <span class="text-danger">{{Cache::get('attemt')}} Attempt try again after 10 min.</span>
                                    @else
                                        <button type="submit" class="btn btn-gray-800">Sign in</button>
                                    @endif
                                    @endif
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- Core -->
    <script src="{{ asset('admin/vendor/@popperjs/core/dist/umd/popper.min.js') }}"></script>
    <script src="{{ asset('admin/vendor/bootstrap/dist/js/bootstrap.min.js') }}"></script>

    <!-- Vendor JS -->
    <script src="{{ asset('admin/vendor/onscreen/dist/on-screen.umd.min.js') }}"></script>

    <!-- Slider -->
    <script src="{{ asset('admin/vendor/nouislider/distribute/nouislider.min.js') }}"></script>

    <!-- Smooth scroll -->
    <script src="{{ asset('admin/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js') }}"></script>

    <!-- Charts -->
    <script src="{{ asset('admin/vendor/chartist/dist/chartist.min.js') }}"></script>
    <script src="{{ asset('admin/vendor/chartist-plugin-tooltips/dist/chartist-plugin-tooltip.min.js') }}"></script>

    <!-- Datepicker -->
    <script src="{{ asset('admin/vendor/vanillajs-datepicker/dist/js/datepicker.min.js') }}"></script>

    <!-- Sweet Alerts 2 -->
    <script src="{{ asset('admin/vendor/sweetalert2/dist/sweetalert2.all.min.js') }}"></script>

    <!-- Moment JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>

    <!-- Vanilla JS Datepicker -->
    <script src="{{ asset('admin/vendor/vanillajs-datepicker/dist/js/datepicker.min.js') }}"></script>

    <!-- Notyf -->
    <script src="{{ asset('admin/vendor/notyf/notyf.min.js') }}"></script>

    <!-- Simplebar -->
    <script src="{{ asset('admin/vendor/simplebar/dist/simplebar.min.js') }}"></script>

    <!-- Github buttons -->
    <script async defer src="https://buttons.github.io/buttons.js')}}"></script>

    <!-- Volt JS -->
    <script src="{{ asset('js/volt.js') }}"></script>


</body>

</html>
