@extends('layouts.front-end.app')
@section('title','Login')
@push('css_or_js')
    <style>
        .password-toggle-btn .custom-control-input:checked ~ .password-toggle-indicator {
            color: {{$web_config['primary_color']}};
        }

        .for-no-account {
            margin: auto;
            text-align: center;
        }

    </style>
@endpush
@section('content')
    <div class="container py-4 py-lg-5 my-4">
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="card border-0 box-shadow">
                    <div class="card-body">
                        <h2 class="h4 mb-1">{{trans('messages.sing_in')}}</h2>
                      
                        <hr class="mt-2">
                        {{-- <h3 class="font-size-base pt-4 pb-2">{{trans('messages.or_using_form_below')}}</h3> --}}
                     
                            <form method="get" action="{{ route('customer.auth.recivedotplogin') }}" autocomplete="off">
                            @csrf
                           
                            <div class="form-group row otp">
                                <label for="otp" class="col-md-2 col-form-label text-md-right">OTP</label>

                                <div class="col-md-10">

                                    <input id="otp" type="number" class="form-control"  placeholder="OTP" name="otp" >
                                </div>
                            </div>
                         
                            <button class="btn btn-primary btn-block btn-shadow"
                                    type="submit">{{ __('Login') }}</button>
                        </form>
                      
                     
                    </div>
               
                </div>
            </div>
        </div>
    </div>
@endsection