@extends('layouts.app')

@section('content') <div class="container"> <div class="row justify-content-center"> <div class="col-md-8"> <div class="card"> <div class="card-header">{{ __('Login') }}</div> <div class="card-body"> <form method="POST" action="{{ route('login') }}"> @csrf <div class="row mb-3"> <label for="phone" class="col-md-4 col-form-label text-md-end">{{ __('Phone') }}</label> <div class="col-md-6"> <input id="phone" type="phone" class="form-control @error('phone') is-invalid @enderror"
                                name="phone_to_login" value="{{ old('phone') }}" required autocomplete="phone" autofocus> @error('phone') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> </div> <div class="row mb-3"> <div style="display:none" class="otp_container"> <h3 class="pt-3 pb-2 text-center"> Enter OTP</h3> <div class="text-center">OTP sent on <span class="otp_sent_phone_no"> </span> <a href="javascript:void(0)" onClick="return otp_send_now2();">Resend</a></div> <div class="pb-4 pt-4"> <div class="input-group mb-2"> <input type="number" style="width:120px;" class="form-control border-bottom " name="otp_for_login" placeholder=""> </div> </div> </div> <div class="row justify-content-center align-items-center"> <button class="btn_login_otp_for_phone text-center pt-2 pb-2 btn btn-dark col-md-11" onClick="return btn_login_with_phone();"> Login </button> </div> <div class="mt-2 otp_sent_msg2 text-center" > </div> </div> </form> </div> </div> </div> </div> </div> @endsection

@section('footer') <script type="text/javascript" src="{{url('/public/front/assets/js/phone_verification.js')}}"> @endsection