@extends("agentportal.layouts.auth.layout")

@section("title","BedouApp | Agentportal Login")

@section("content")
<div class="login login-3 login-signin-on d-flex flex-row-fluid" id="kt_login">
    <div class="d-flex flex-center bgi-size-cover bgi-no-repeat flex-row-fluid" style="background-image: url({{ url('dist/assets/media/bg/bg-2.jpg') }});">
        <div class="login-form text-center text-white p-7 position-relative overflow-hidden">
            <!--begin::Login Header-->
            <div class="d-flex flex-center mb-15">
                <a href="#">
                    <img src="{{ url('img/agentportal_logo.png') }}" class="max-h-100px" alt="{{ env('APP_NAME') }}" />
                </a>
            </div>
            <!--end::Login Header-->
            <!--begin::Login Sign in form-->
            <div class="login-signin">
                <div class="mb-10">
                    <h3 class="opacity-40 font-weight-normal">{!! $note !!}.</h3>
                    <p class="opacity-40 font-weight-bolder">{!! trans('message_lang.LBL_VERIFY_YOUR_EMAIL_AND_ENTER_THE_CODE_TO_SIGN_IN') !!}.</p>
                </div>
                @include("agentportal.layouts.auth-form-status")
                <form class="form" method="POST" id="kt_login_signin_form" name="login_form" action="{{ url('agentportal/otp/' . request()->id . '/login') }}">
                    {{ csrf_field() }}
                    <div class="form-group">
                        <input class="form-control h-auto text-white bg-white-o-5 rounded-pill border-0 py-4 px-8" type="text" name="otp" placeholder="{!! trans('message_lang.PLACEHOLDER_SECURITY_CODE') !!}" value="{{ old('otp') }}" otp="{{ session('otp') }}" required autocomplete="off" autofocus />

                        @error('otp')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <button type="submit" id="kt_login_forgot_submit" class="btn btn-pill btn-primary opacity-90 px-15 py-3 m-2">{!! trans('message_lang.BTN_SUBMIT') !!}</button>
                        <a href="{{ url('agentportal/otp/' . request()->id . '/generate') }}" id="kt_login_forgot_cancel" class="btn btn-pill btn-outline-white opacity-70 px-15 py-3 m-2">{!! trans('message_lang.BTN_RESEND') !!}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {

    });
</script>
@endsection