<?php $__env->startPush('page_title'); ?>
    Login
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>

    <body data-theme-color="color-red">
        <div class="page-wraper">

            <style>
                body {
                    background: linear-gradient(183deg, #d8e01e, #fbffa1 34%, #f5f9bc);
                }

                .banner-wrapper {
                    border-bottom-left-radius: 30px;
                    border-bottom-right-radius: 30px;
                    background: none;
                }

                .form-control {
                    transition: none;
                    border-color: var(--primary);
                    background: #3193ff33 !important;
                    border-radius: 10px;
                    height: 55px;
                }

                .btn-rounded {
                    border-radius: 0.7rem;
                }

                .btn {
                    font-size: 17px;
                    font-weight: bold;
                    padding: 17px 25px;
                    font-family: 'Poppins', sans-serif;
                }

                .account-area form {
                    display: flex;
                    flex-direction: column;
                    background: #ffffff;
                    padding: 11px;
                    border-radius: 9px;
                }

                .image-container {
                    width: 100%;
                    margin: 2px 13px 25px 0px;
                }

                .input-group .input-group-text {
                    border-color: #ccd500;
                    background: #feffe8 !important;
                    border-left: 0px white solid;
                }

                .input-group .input-group-text {
                    border-radius: 12px;
                }

                .form-control {
                    border-radius: 12px;
                    font-size: 18px;
                    font-weight: bold;
                    color: #202020 ! important;
                    height: 55px;
                    transition: none;
                    border-color: #cdd500;
                    background: #feffe8 !important;
                }

                .form-control::placeholder {
                    font-size: 12px;
                    color: gray;
                }

                .light.btn-primary {
                    background-color: #fdfdfd00;
                    color: #bfc700 ! important;
                    font-size: 15px;
                    margin-top: -11px;
                    border: 0px white solid;
                }

                .light.btn-primary:hover {
                    background-color: #ffffff00;
                    color: var(--primary) !important;
                    border: 1px #ffffff00 solid;
                }

                .btn-primary:active,
                .btn-primary:focus,
                .btn-primary:hover {
                    border-color: #c3cb0d;
                    background-color: #c3cb0d;
                    box-shadow: none;
                    box-shadow: rgba(255, 255, 255, 0.1) -3px -3px 9px inset, rgb(255 255 255 / 7%) 0 3px 9px inset,
                        rgba(255, 255, 255, 0.6) 0 1px 1px inset, rgb(0 0 0 / 5%) 0 -8px 36px inset, rgba(255, 255, 255, 0.6) 0 1px 5px inset, rgb(0 0 0 / 3%) 2px 19px 31px;
                }

                .btn-primary {
                    background-color: #c8d00d;
                    border-color: #dbe32a;
                    box-shadow: rgba(255, 255, 255, 0.1) -3px -3px 9px inset, rgb(255 255 255 / 7%) 0 3px 9px inset,
                        rgba(255, 255, 255, 0.6) 0 1px 1px inset, rgb(0 0 0 / 5%) 0 -8px 36px inset, rgba(255, 255, 255, 0.6) 0 1px 5px inset, rgb(0 0 0 / 3%) 2px 19px 31px;
                }

                .input-group:focus-within .input-group-text,
                .input-group:focus-within .form-control {
                    border-color: #c6ce0d;
                }

                .toast.style-1.toast-danger {
                    background-color: #1e1e1e5e;
                    color: #fff;
                    border: 0px white solid;
                    backdrop-filter: blur(5px);
                }

                .toast.style-1 .toast-body {
                    display: flex;
                    align-items: center;
                    padding: 14px;
                }

                .toast.style-1.toast-danger .toast-content strong {
                    color: #fff;
                    font-weight: 600;
                }

                .input-group .input-group-text {
                    background: #fff;
                    color: #abb200;
                    transition: all 0.3s ease-in-out;
            </style>

            <!-- Page Content -->
            <div class="page-content">

                <!-- Banner -->
                <div class="banner-wrapper shape-1">
                    <div class="container inner-wrapper">
                        <h2 class="dz-title">Sign In</h2>
                        <p class="mb-0">Please sign in to your registered account</p>
                    </div>
                </div>
                <!-- Banner End -->

                <div class="container">
                    <div class="account-area">
                        <form action="" method="POST">
                            <div class="image-container">
                                <img src="<?php echo e(asset('assets/app/img/1200x628-fb-cs-ola-cabs-1100x576.jpg')); ?>"
                                    alt="Sample Image" style="border-radius: 7px;">
                            </div>
                            <div class="input-group">
                                <input type="number" placeholder="Phone Number" class="form-control" name="mobile"
                                    required="">
                            </div>
                            <div class="input-group">
                                <input type="password" placeholder="Password" id="dz-password" required=""
                                    name="password" class="form-control be-0">
                                <span class="input-group-text show-pass">
                                    <i class="fa fa-eye-slash"></i>
                                    <i class="fa fa-eye"></i>
                                </span>
                            </div>
                            <!--<a onclick="navigate('/home/forget_password',true);" class="btn-link d-block text-center">Forgot your password?</a>-->
                            <div class="input-group">
                                <button type="submit" class="btn mt-2 btn-primary w-100 btn-rounded">LOGIN NOW</button>
                            </div>
                            <a href="<?php echo e(route('user.register')); ?>"
                                class="btn btn-primary light btn-rounded text-primary d-block">Create account</a>
                        </form>

                    </div>
                </div>
            </div>
            <!-- Page Content End -->


            <!-- Footer -->
            <footer class="footer fixed">
                <div class="w-100 bg-danger text-white p-3 d-none" id="error-div">

                </div>

                <!--<div class="container">-->
                <!--    <a onclick="navigate('/home/register',true);" class="btn btn-primary light btn-rounded text-primary d-block">Create account</a>-->
                <!--</div>-->
            </footer>
            <!-- Footer End -->


        </div>



    </body>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.auth', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/olex/core/resources/views/auth/login.blade.php ENDPATH**/ ?>