@extends('layouts.default-new', ['title' => 'ورود و عضویت'])

@section('title', 'ورود و عضویت' )
@section('bodyclass', 'page home page-template-default pace-done')

@section('meta')
@endsection


@section('content')

<div id="content" class="site-content">
  <div class="col-full">
    <div class="row">
      <nav class="woocommerce-breadcrumb">
        <a href="/">خانه</a>
        <span class="delimiter">
          <i class="fa fa-angle-left"></i>
        </span>
        ورود و عضویت

      </nav>
      <!-- .woocommerce-breadcrumb -->
      <div id="primary" class="content-area">
        <main id="main" class="site-main">

          <div class="row">
            <div class="col-md-4 offset-md-4 login-box">
              <form method="post" action="{{ url('/auth/signin') }}" style="margin:0;">
                <div class="modal-body" id="modal-body2" style="margin: 0;padding:0 15px;display: none;">
                  <div class="form-group">
                    <br>
                    <p>

                      برای ادامه لطفا نوع فعالیت خود را انتخاب نمایید.
                    </p>

                    <input type="radio" id="type4" name="userTypeF" value="4" checked="checked" />
                    <label for="type4">کاربر عادی (عموم) | دسترسی و خرید آنلاین کالاهای عمومی</label>
                    <br>
                    <input type="radio" id="type3" name="userTypeF" value="3" />
                    <label for="type3">کاربر حرفه ای (پزشک، دانشجو، مسئول خرید و ...) | دسترسی و خرید آنلاین تجهیزات
                      دندانپزشکی</label>

                  </div>
                </div>
                <div class="modal-body" id="modal-body1" style="margin: 0;padding:0 15px;">
                  @php
                  $referer = env('APP_URL', 'https://dentonline.ir');

                  if(isset($_SERVER['REQUEST_URI']))
                  {
                  $REQUEST_URI = htmlspecialchars($_SERVER['REQUEST_URI']);

                  if( strpos($REQUEST_URI, "?") !== false)
                  {
                  $REQUEST_URI = substr( $REQUEST_URI, 0, strpos($REQUEST_URI, "?")) ;
                  }

                  $REQUEST_URI = htmlentities($REQUEST_URI , ENT_QUOTES , 'UTF-8');

                  $referer .= $REQUEST_URI;
                  }
                  else
                  {

                  }

                  @endphp

                  <input type="hidden" name="_token" value="{{ csrf_token() }}">
                  <input type="hidden" name="referer" id="referer" value="{{ $back }}">

                  <div class="form-group mt-3 text-center">
                    <label>ورود / عضویت</label>
                  </div>
                  <p id="reglogin_message" style="font-size: 90%;float:right;text-align: justify;">
                    برای ورود یا ثبت نام لطفا شماره همراه خود را وارد نمایید تا پیامک رمز ورود برایتان ارسال شود.
                    <a href="#" data-toggle="modal" data-target="#whyModal">چرا باید ثبت نام کنم؟</a>
                  </p>
                  <div class="form-group">

                    <input type="text" class="form-control ltr" id="mobile" name="mobile" value="{{ old('mobile') }}"
                      maxlength="11" placeholder="شماره همراه">
                    {!! $errors->first('mobile') !!}
                  </div>

                  <p id="otp_message" style="font-size: 90%;float:right;text-align: justify;"></p>

                  <div class="form-group" id="divOTPCode">
                    <input type="text" class="form-control ltr" id="password" autocomplete="off" name="password"
                      value="{{ old('password') }}" placeholder="رمز ورود">
                    {!! $errors->first('password') !!}

                    <small style="font-size: 9px;" class="pt-1">با ورود و یا ثبت نام در دنت آنلاین شما
                      <a href="/pages/5/rules">شرایط و قوانین</a>
                      استفاده از سرویس های سایت دنت آنلاین و
                      <a href="/pages/9/privacy">قوانین حریم خصوصی</a>
                      آن را می‌پذیرید.</small>
                  </div>


                  <div class="text-center">
                    <div id="dvResendSMSCounter" style="display:none;font-size: 90%;font-weight: 500;">ارسال مجدد رمز
                      ورود تا <span id="spResendSMSCounter">60</span> ثانیه</div>
                    <div style="clear:both;"></div>
                  </div>



                </div>
                <div class="p-2">
                  <button type="button" id="resetLoginModal" class="button button-default"
                    style="display: none;">اصلاح</button>
                  <div class="btn-block">
                    <button type="button" id="sendOTPCode" class="button button-primary btn-block">تایید شماره همراه
                    </button>
                  </div>
                  <div class="btn-block">
                    <button type="button" id="submitOTPLogin" class="button button-success btn-block">تایید</button>
                  </div>
                  <button type="button" id="submitUserTypeLoginF" class="button button-success btn-block"
                    style="display: none;">تایید</button>
                </div>
              </form>
            </div>
          </div>

        </main>
        <!-- #main -->
      </div>
      <!-- #primary -->

      <!-- .sidebar-blog -->
    </div>
    <!-- .row -->
  </div>
  <!-- .col-full -->
</div>

@stop

@section('scripts')
<script>
  $(document).ready(function(){
    $('#float-mobilereglink').hide();
    
    $('#mobile').keypress(function(event){
      var keycode = (event.keyCode ? event.keyCode : event.which);
      if(keycode == '13'){
          if($('#sendOTPCode').length) 
            $('#sendOTPCode').click(); 
      }
    });

    $('#password').keypress(function(event){
      var keycode = (event.keyCode ? event.keyCode : event.which);
      if(keycode == '13'){
          if($('#submitOTPLogin').length) 
            $('#submitOTPLogin').click(); 
      }
    });


  });
</script>
@stop