<?php $__env->startPush('page_title'); ?>
    Login
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
<style>
    html, body {
        width: 100%;
        height: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .divxxx {
        width: 60px;
        height: 60px;
        position: fixed;
        z-index: 101;
        bottom: 15%;
        right: -15px;
    }

    .layui-form-checkbox[lay-skin=primary]:hover i {
        border-color: #000;
        color: #fff;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 4px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 2px;
        padding-left: 22px;
        background: rgba(0, 0, 0, 0.00) !important;
    }


    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 2px;
        padding-left: 22px;
    }

    .layui-form-checkbox[lay-skin=primary] span {
        padding-left: 0;
        padding-right: 15px;
        line-height: 18px;
        background: 0 0;
        color: #000;
    }

    .layui-form-pane .layui-form-checkbox {
        margin: 5px 3px 4px 2px;
    }

    .layui-form-checked[lay-skin=primary] i {
        border-color: #000 !important;
        background: linear-gradient(to right, #fff, #fff);
        color: #000 !important;
        border-radius: 5px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 2px;
        padding-left: 22px;
        background: #fff;
    }


    .layui-form-item {
        margin-bottom: 6px;
        clear: both;
        *zoom: 1;
    }

    div#div1 {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

        div#div1 > img {
            height: 100%;
            width: 100%;
            border: 0;
        }

    .inputdiv {
        display: flex;
        border: 1px solid #999 !important;
        background-color: #fff !important;
        height: 45px;
        line-height: 45px;
        padding: 0px 0px;
        border-radius: 5px;
        color: #000;
        /*  box-shadow: 0 2px 5px 1px rgb(0 0 0 / 30%);*/
    }

    .layui-input {
        border-style: none;
        background-color: #fff !important;
    }

    .bgimg {
        position: absolute;
        height: 95%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin: auto;
        width: 90%;
        padding: 10px;
        padding-top: 4px;
        background: rgba(255, 255, 255, 0.50);
        color: #000;
        /*border-width: 1px;
        border-color: #e6e6e6;
        border-style: solid;
        border-radius: 5px;
        box-shadow: 0 5px 15px 0 rgb(0 0 0 / 50%);*/
        border-radius: 5px;
    }



    .topname {
        line-height: 46px;
        font-weight: 700;
        width: 50%;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }

    .layui-container {
        position: relative;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .ttt {
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        width: 100%;
        max-width: 450px;
        margin-top: 200px;
    }

    div#div1 {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

        div#div1 > img {
            height: 100%;
            width: 100%;
            border: 0;
        }

    .nav {
        width: 100%;
        position: fixed;
        bottom: 0px;
        background-color: #222;
        z-index: 100;
        text-align: center;
        max-width: 450px;
        left: 50%;
        transform: translate(-50%,0%);
    }
</style>
<body style="  background: url(/ui1/bg.jpeg) no-repeat; background-size: 100% 140%; ">
    <input type="hidden" id="moblie_qu_hid" value="234" />
    <input type="hidden" id="kf" value="" />
    <input type="hidden" id="telegram" value="" />
    <input type="hidden" id="whatsapp" value="" />

    <div style=" max-width:450px; margin:0 auto;">
        <div style="padding-top: 120px; padding-bottom: 30px;">
            <div style="width: 95%; margin: 0 auto; background: #fff; border-radius: 10px; ">
                <div style="text-align: center; padding-top: 30px; font-size: 25px; font-weight: 500; ">
                    <img src="<?php echo e(asset('ui1/logo.png')); ?>" style="width:130px;" />
                </div>
                <div style="text-align: center; padding-top: 30px; font-size: 25px; font-weight: 500; ">
                    Log in
                </div>
                <form action="" method="post">
                    <div class="layui-form" style="margin:0 auto; width:90%; padding-top:25px;">
                        <div style="height: 35px; line-height: 35px; font-weight: 500; ">
                            Phone number
                        </div>
                        <div class="layui-form-item" style="height:48px;">
                            <div class="inputdiv" style=" ">
                                <!--<img src="/ui/i1.png" style="margin-right:5px;color:#000; height:21px; margin-top:11px;" />-->
                                <font style="color: #333; background: #eee; border-bottom-left-radius: 5px; border-top-left-radius: 5px; width: 50px; text-align: center; height: 45px; line-height: 45px; " id="moblie_qu">+234</font>
                                <!--<i id="demo6" class="layui-icon layui-icon-triangle-d" style="background: #eee; padding-left: -4px; padding-right: 4px"></i>-->
                                <!--<i id="demo6" class="layui-icon layui-icon-triangle-d" style="margin-left:2px;margin-right:2px"></i>-->
                                <input type="number" name="mobile" pattern="[0-9]*" style="height:45px; border-radius:25px;" id="moblie" oninput="if(value.length>10)value=value.slice(0,10)" placeholder="Please enter the phone number" class="layui-input" autocomplete="off">
                            </div>
                        </div>
                        <div style="height: 35px; line-height: 35px; font-weight: 500; ">
                            Password
                        </div>
                        <div class="layui-form-item" style="height:48px; ">
                            <div class="inputdiv">
                                <!--<img src="/ui/i2.png" style="margin-right:5px;color:#000; height:21px; margin-top:11px;" />-->
                                <input type="password" name="password" id="password" style="height:45px;border-radius:25px;" maxlength="20" placeholder="Please enter your password" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-form-item" style="margin-top:20px; color:#000; text-align:center; font-size:14px;">
                            <div style="float:left;width:48%;text-align:left; margin-left:2%; height:25px;line-height:25px; color:#000;">
                                <input type="checkbox" id="rememberpassword" lay-filter="rememberpassword" lay-skin="primary" title="Remember password" style="margin-left:0px;">
                            </div>

                        </div>
                        <div class="layui-form-item" style="margin-top:20px; text-align:center;">
                            <input type="submit" class="layui-btn" id="login" value="Log in now"
                                   style="width: 100%; font-weight: 600; height: 45px; line-height: 45px; font-size: 16px; display: inline-block; background: red; color: #fff; border: 1px groove #c0c0c0; border-radius: 5px; " type="button" />
                        </div>

                        <a href="<?php echo e(route('user.register')); ?>"><div style="width: 100%; text-decoration: underline; color: #0066FF; text-align: center; height: 55px; line-height: 55px; " id="Forgot">Register account ></div></a>
                        <hr style="height:2px;color:red;" />
                        <div style="color:#fff; text-align:center; margin-top:15px; height:55px;">
                            <div style="text-decoration: underline; color: #0066FF; font-size: 14px; width: 100%; margin: 0 auto; margin-top: 30px; ">
                                <div style="float: left; width: 50%; text-decoration: underline;" id="service">
                                    Customer service
                                    <!--<img src="/ui1/t1.png" style="height:40px;" id="service" />-->
                                </div>
                                <div style="float: left; width: 50%; text-decoration: underline;" id="service1">
                                     Telegram
                                    <!--<img src="/ui1/t2.png" style="height: 40px;" id="service1" />-->
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
<a href="" target="_blank" style="display:none;"><span id="jump"></span></a>
<?php $__env->stopSection(); ?>

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