@extends('site.login.master')
@section('t')ورود ثبت نام @stop
@section('content')

        <div class="signin-form-box">
                <form action="/ppp/doLoginPhone" id="signinForm" method="post">
          {{ csrf_field() }}
          <h1 class="title mb-5 mt-3">ورود / ثبت نام</h1>
 
        <div class="form-floating with-icon mb-3">
            <input type="text" class="form-control " id="phone" name="phone"
                   placeholder="شماره موبایل" autofocus dir="ltr">
            <i class="icon-user"></i>
            <label for="phone">شماره موبایل</label>
                    </div>

        
        <div class="text-start mb-4">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="" name="remember_me" id="rememberMe">
                <label class="form-check-label" for="rememberMe">مرا به خاطر بسپار</label>
            </div>
        </div>

        <div class="signin-form-buttons mb-4">
            <button class="btn btn-primary px-4 py-2 shadow w-100 mb-4" id="btnSubmit"><span>دریافت کد یکبار مصرف</span><i class="icon-arrow-left ms-3"></i></button>
            <a href="/login/with-password/" class="outlined-link font-14 w-100 mb-2">ورود با شماره موبایل و کلمه عبور</a>
         
        </div>

        <div class="d-flex align-items-center justify-content-center mt-3 pb-3">
            <a href="/" class="underline-link color-main font-14">بازگشت به سایت</a>
        </div>

    </form>
        </div>
   @stop

@section('extrajs')
  <script>
        $("#signinForm").validate({
            errorClass: "is-invalid",
            errorElement: "span",
            errorPlacement: function(error, element) {
                error.appendTo( element.parent('.form-floating') );
            },
            submitHandler: function(form) {
                $('#btnSubmit').addClass('loading');
                form.submit();
            },
            rules: {
                phone: {
                    required: true,
                    number: true,
                    minlength: 11,
                    maxlength: 11
                }
            },
            messages: {
                phone: {
                    required: "شماره موبایل خود را وارد کنید.",
                    number:"شماره موبایل باید اعداد با کیبورد انگلیسی باشد.",
                    minlength:"شماره موبایل باید 11 رقم باشد",
                    maxlength:"شماره موبایل باید 11 رقم باشد",
                },
            }
        });
    </script>
@stop

@section('extraCss')
@stop