<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> <?php echo e(__('administrator.login')); ?></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="<?php echo e(asset('assets/js/jquery3.4.1.min.js')); ?>"></script>
    <link rel="icon" href="<?php echo e(LogoImage()); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/css/bootstrap.min.css')); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/css/animate.min.css')); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/css/login.css')); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/css/styles.css')); ?>">

    <style>
        .loading_btn{
            display: none;
        }
    </style>
</head>

<body>
<header class="header-area animated fadeInDown">
<div class="header-main white bg-old-green">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="logo-wrapper">
                    <div class="logo">
                        <a href="" class="laolin-logo">
                            <img src="<?php echo e(LogoImage()); ?>" alt="LOGO"  />
                        </a>
                    </div>
                </div>
                <div class="header-main-content">
                    <div class="header-info">
                        <img src="<?php echo e(asset('images/phone.png')); ?>" alt="">
                        <div class="header-info-text">
                            <h4>+855 123 654 798</h4>
                            <span>We are open 9 am - 17pm</span>
                        </div>
                    </div>
                    <div class="header-info">
                        <img src="<?php echo e(asset('images/message.png')); ?>" alt="">
                        <div class="header-info-text">
                            <h4>info@support24.com</h4>
                            <span>You can mail us</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Main Menu Area Start -->
<div class="mainmenu-area header-sticky d-lg-block d-md-block">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-12">
                <div class="main-menu text-center">
                    <div>
                        <ul>
                            <li><a href="#home">HOME</a></li>
                            <li><a href="#service">SERVICES</a></li>
                            <li><a href="#about">ABOUT US</a></li>
                            <li><a href="#client">Clients</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</header>
<?php
    $branch = mainBranch();
?>
<div class="intro-section" id="home" style="overflow: hidden">
    <div class="slide-1 bg-1" style="
        background: url(<?php echo e(BgImage()); ?>) no-repeat ;
        background-size: cover;

        ">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <div class="row" style="margin-top: 20%">
                        <div class="col-lg-6 mb-4 animated fadeInLeft">
                            <h1><?php echo e($branch->name??''); ?></h1>
                            <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae, expedita illo porro sunt vero? Consectetur error eum inventore nisi nulla numquam odio quas, quia repellendus sapiente unde vel voluptate!</p>
                            <p>Phone Number: <?php echo e($branch->phone??''); ?></p>
                            <p><a href="/" class="btn btn-primary py-3 px-5 btn-pill" target="blank">visit our website</a></p>
                        </div>
                        <div class="col-lg-5 ml-auto animated bounceIn">
                            <form action="<?php echo e(route('login')); ?>" method="post" class="form-box jform">
                                <h3 class="h4  mb-4 text-center text-uppercase"><?php echo e($branch->name??''); ?></h3>
                                <?php echo csrf_field(); ?>
                                <div class="form-group">
                                    <input type="email" name="email" class="form-control login-input" placeholder="Email"  >
                                </div>
                                <div class="form-group">
                                    <input type="password" name="password" class="form-control login-input" placeholder="Password" >
                                </div>
                                <div class="form-group text-center">
                                    <p class="subtitle text-danger warning-text"></p> <br>
                                    <button type="submit" class="fourth btn btn-primary w-100"> <?php echo e(__('administrator.login')); ?></button>
                                    <button type="button" class="fourth loading_btn btn btn-primary w-100"> <?php echo e(__('administrator.loading')); ?> <span
                                                class="animated infinite flash" style="font-weight: bolder"> . . . </span></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="<?php echo e(asset('assets/js/jquery.form.js')); ?>"></script>
<script>
    $('.loading_btn').hide();
    $(document).ready(function () {
        $('body').fadeIn();
        $('form').ajaxForm({
            beforeSend: function () {
                $('input[type=submit]').hide();
                $('button[type=submit]').hide();
                $('.loading_btn').show();
            },
            uploadProgress: function (event, position, total, percentComplete) {
                console.log(percentComplete);
            },
            success: function (data) {
                if (data.status === "success") {
                    window.location.replace(data.route);
                } else {
                    $('.warning-text').text('Someting wrong. Please insert correct information !!!');
                    $('.loading_btn').hide();
                    $('input[type=submit]').show();
                    $('button[type=submit]').show();
                    if(data.route){
                        window.location.reload();
                    }
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                var error = xhr.responseJSON.errors;
                var text_err = '';
                $.each(error, function (i, val) {
                    text_err += '' + val + '<br>';
                });
                $('.warning-text').html(text_err);
                $('.loading_btn').hide();
                $('input[type=submit]').show();
                $('button[type=submit]').show();
            },
        });
        $('.focus').focus();
    });
</script>
</body>
</html>
<?php /**PATH /home/nsowos/public_html/shr-brand/resources/views/auth/login.blade.php ENDPATH**/ ?>