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

<?php $__env->startSection('title','ورود | ثبت نام'); ?>
<?php echo $__env->make("Front::Layout.head", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<body>

    <div class="auth_container  col-md-4  mx-auto mt-5 ">
        <div class="logoAuth mx-auto d-flex justify-content-center mb-5 text-center">
            <img src="<?php echo e(url('storage/logo.png?ver=3')); ?>" alt="logo">
            <!-- <h4>تاسیسات <span>اول</span></h4> -->
        </div>
        <p class="statusAuth">
            برای ثبت نام یا ورود به حساب کاربری , شماره موبایل خود را وارد کنید
        </p>
        <form class="custom_form " id="authForm">
            <input type="hidden" id="prevUrl" value="<?php echo e(url()->previous()); ?>">
            <input type="hidden" id="checkStatusAuth" value="<?php echo e(route('auth.check_exists_and_status')); ?>">
            <input type="hidden" id="sendRegisterCode" value="<?php echo e(route('auth.register')); ?>">
            <input type="hidden" id="checkRegisterCode" value="<?php echo e(route('auth.check_code')); ?>">
            <input type="hidden" id="checkLogin" value="<?php echo e(route('auth.login')); ?>">
            <input type="hidden" id="sendForgotCode" value="<?php echo e(route('auth.forgot_password_send')); ?>">
            <input type="hidden" id="checkForgotCode" value="<?php echo e(route('auth.forgot_password_check_code')); ?>">
            <div id="auth_mobile_check">
                <div class="tab">
                    <div class="floating-label mb-3">
                        <input class="floating-input" type="text" id="mobile_register" name="mobile" placeholder="" autofocus>
                    </div>
                </div>

                <div id="password_container">
                    <div id="tab2">
                        <div class="floating-label">
                            <input type="password" class="floating-input" id="password_register" name="password"
                                placeholder=" ">
                            <label class="main">رمز عبور </label>
                        </div>
                    </div>
                    <div id="tab3">
                        <div class="floating-label">
                            <input type="password" class="floating-input" name="password_confirmation" id="password_confirmation" placeholder=" ">
                            <label class="main">تکرار رمز عبور</label>
                        </div>
                    </div>
                </div>
                <div id="password_container_login" class="mb-2">
                    <!-- <p class="small">
                    پسورد شامل حروف کوچک , بزرگ , عدد و علامت نگارشی و حداقل ۶ رقم باشد
                </p> -->
                    <div id="tab4">
                        <div class="floating-label mb-2">
                            <input type="password" class="floating-input" id="password_login" name="password_login"
                                type="text" placeholder=" " >
                            <label class="main">رمز عبور </label>
                        </div>
                    </div>
                    <a href="#" id="forgot_password_request" class="small">
                        رمز عبور خود را فراموش   کرده اید ؟
                    </a>
                </div>
                <div class="btnsAuth mx-auto  d-flex justify-content-around">
                    <button type="button" class="btnAuth btnprev" id="prevBtnLevel1">ویرایش شماره</button>
                    <button value="lvl1" class="submit btnAuth btnnext" id="nextBtnLevel1">ادامه <i class="fa fa-spinner fa-spin mr-2 fa-fw ajaxBtn" style="display: none"></i></button>
                </div>
            </div>
        </form>
        <form class="custom_form" id="auth_code_registering">

            <div class="code_container d-flex justify-content-center flex-row-reverse">
                <div class="floating-label">
                    <input  class="floating-input code_input ml-2" id="numb1" min="0" max="9" maxLength="1" placeholder="*" pattern="[0-9]{1}" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input  class="floating-input code_input ml-2 not-first" id="numb2" min="0" max="9" maxLength="1" placeholder="*" pattern="[0-9]{1}" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input  class="floating-input code_input ml-2 not-first" id="numb3" min="0" max="9" maxLength="1" placeholder="*" pattern="[0-9]{1}" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input  class="floating-input code_input ml-2 not-first" id="numb4" min="0" max="9" maxLength="1" placeholder="*" pattern="[0-9]{1}" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input  class="floating-input code_input ml-2 not-first" id="numb5" min="0" max="9" maxLength="1" placeholder="*" pattern="[0-9]{1}" autocomplete="off">
                </div>
            </div>
            <div class="d-flex justify-content-center">
                <button type="button" value="counter" class="btnAuth time_counter_btn btnprev mx-auto mb-3" id="time_counter_btn">
                    <span id="time_counter">00</span>
                    <span >ثانیه </span>
                </button>
            </div>
            <div class="btnsAuth mx-auto  d-flex justify-content-around">
                <button type="button" class="btnAuth btnprev" id="check_code_register_back">ویرایش شماره</button>
                <button  class="submit btnAuth btnnext btn-verify" id="check_code_register">ادامه <i class="fa fa-spinner fa-spin mr-2 fa-fw ajaxBtn" style="display: none"></i></button>
            </div>
        </form>

        <form class="custom_form" id="auth_code_forgot_password">
            <div class="code_container d-flex justify-content-center flex-row-reverse">
                <div class="floating-label">
                    <input name="numb1forgot"  class="floating-input code_input-forgot ml-2" id="numb1forgot" min="0" max="9" maxLength="1" placeholder="*" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input name="numb2forgot"  class="floating-input code_input-forgot ml-2 not-first-forgot" id="numb2forgot" min="0" max="9" maxLength="1" placeholder="*" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input name="numb3forgot"  class="floating-input code_input-forgot ml-2 not-first-forgot" id="numb3forgot" min="0" max="9" maxLength="1" placeholder="*" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input name="numb4forgot"  class="floating-input code_input-forgot ml-2 not-first-forgot" id="numb4forgot" min="0" max="9" maxLength="1" placeholder="*" autocomplete="off">
                </div>

                <div class="floating-label">
                    <input name="numb5forgot"  class="floating-input code_input-forgot ml-2 not-first-forgot" id="numb5forgot" min="0" max="9" maxLength="1" placeholder="*" autocomplete="off">
                </div>
            </div>
            <div id="password_container_forgot">
                <div id="tab4">
                    <div class="floating-label">
                        <input type="password" class="floating-input" id="password_forgot" name="password_forgot"
                            placeholder=" " autocomplete="off" />
                        <label class="main">رمز عبور جدید</label>
                    </div>
                </div>
                <div id="tab5">
                    <div class="floating-label">
                        <input type="password" class="floating-input" name="password_forgot_confirmation" id="password_forgot_confirmation" placeholder=" " autocomplete="off">
                        <label class="main">تکرار رمز عبور</label>
                    </div>
                </div>
            </div>
            <div class="btnsAuth mx-auto  d-flex justify-content-around">
                <button type="button" class="btnAuth btnprev" id="check_code_forgot_back">ویرایش شماره</button>
                <button  class="submit btnAuth btnnext btn-verify-forgot" id="check_code_register">ادامه <i class="fa fa-spinner fa-spin mr-2 fa-fw ajaxBtn" style="display: none"></i></button>
            </div>
            <div class="d-flex justify-content-center mt-3">
                <button type="button" value="counter" class="btnAuth time_counter_btn btnprev mx-auto mb-3" id="time_counter_btn_forgot">
                    <span id="time_counter_forgot" class="small">00</span>
                    <span class="small" >درخواست مجدد کد </span>
                </button>
            </div>
        </form>
    </div>



    <!-- start footer -->
    <footer class=" fixed-bottom pb-md-4 pb-3 pt-0 d-none d-md-block"
        style=" width: 100%; background-color: white;height: 122px;">
        <div class="footer_container marginX">
            <div class="bot_footer d-flex flex-column flex-md-row justify-content-between">
                <div class="right_sec order-3 order-md-2 mt-5 mt-md-0">
                    <h5 class="title_witout_margin mr-0 text-center">تاسیسات اول در شبکه های اجتماعی</h5>

                    <div class="social_media d-flex justify-content-md-between justify-content-center">
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-instagram" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-whatsapp" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-linkedin" aria-hidden="true"></i>
                            </div>
                        </a>
                        <a href="#">
                            <div class="social_item ml-3 border">
                                <i class="fa fa-facebook" aria-hidden="true"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div
                    class="left_sec d-flex order-2 justify-content-center justify-content-md-end order-md-3 mt-4 mt-md-auto">
                    <a href="#" class="colma">
                        <img class="img-fluid ml-2" src="<?php echo e(url('storage/Astor.png')); ?>"
                             title="" alt="" />
                    </a>
                    <a href="#">
                        <img class="img-fluid" src="<?php echo e(url('storage/Gplay.png')); ?>" title="" alt="" />
                    </a>
                </div>
            </div>
        </div>
    </footer>
    <!-- end footer -->
</body>
<?php echo $__env->make("Front::Layout.foot", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

</html>
<?php /**PATH /home/foroshg1/laravel/Modules/Mehrab/User/Providers/../Resources/Views//Front/auth.blade.php ENDPATH**/ ?>
