MINI Sh3ll

@extends('auth.master')
@section('title', 'Login')
@section('content')
<!-- begin:: Page -->

    <!-- Start login -->
    <div class="m-login__signin">
        <div class="m-login__head">
            <h3 class="m-login__title">
                @if (isset($title))
                    {{$title}}
                @else
                    Sign In With OTP
                @endif
            </h3>
        </div>
        <form class="m-login__form m-form" action="{{ route('submit-phone-number') }}" method="POST"
              id="loginWithOtp" data-parsley-validate="">
            @csrf
            @if (isset($error))
                <div class="alert-msg alert alert-danger" role="alert">
                    {{ $error }}
                </div>
            @endif
            <div class="form-group m-form__group">
                <label for="phone">
                    Enter Phone number
                </label>
<!--value="@if(isset($mobile)){{$mobile}}@endif"-->
                <input class="form-control m-input" type="text" placeholder="Phone Number" name="phone" id="mobile" autocomplete="off" 
                       
                       placeholder                   = 'xxxxxxxx'
                       required                      = 'required'
                       data-parsley-required         = 'true'
                       data-parsley-required-message = 'Contact number is required'
                       data-parsley-type             = 'digits'
                       data-parsley-type-message     = 'Contact number should be in digits'
                       data-parsley-minlength        = '10'
                       data-parsley-maxlength        = '10'
                       data-parsley-trigger          = 'change focusout'>
                <input type="hidden" name="message_type" value="SignInWithOtp">
            </div>
            <div class="row m-login__form-sub">
                <div class="col m--align-left">
                    <a href="{{url('/login')}}" id="m_login_forget_password" class="m-link">
                        Back to Login
                    </a>
                </div>
                <div class="col m--align-right">
                    <button id="m_login_phone_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">
                        Send OTP
                    </button>
                </div>
            </div>
            {{-- <div class="m-login__form-action">
                <button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air">
                    Sign In
                </button>
                <button type="button" onclick="window.location.href='/login'" id="m_login_signup_cancel" class="btn btn-outline-focus  m-btn m-btn--pill m-btn--custom">
                    Back
                </button>
            </div> --}}
        </form>
    </div>

    <!-- End OTP Form -->

@endsection

@section('js')
    <script>
        $(document).ready(function() {
            $('#loginWithOtp').parsley();
        });
    </script>
@endsection