@extends('layouts.loginlayout')
@section('title', 'Verify Identity')

@section('content')
    <div class="container-fluid" id="verifyidentity">
        <div class="row">
            <div class="col-md-8 col-lg-8 col-xl-8 col-sm-12 bg-image ps-0 pe-0">
                <img src="{{ asset('assets/images/banners/verify.png') }}" id="banner" class="img-fluid"
                    alt="Welcome Banner!">
            </div>
            <div class="col-md-4 col-lg-4 col-xl-4 col-sm-12 pe-5 ps-5 formsection">
                <img src="{{ asset('assets/images/logo.png') }}" class="rounded mx-auto d-block img-fluid logo"
                    alt="Glide Logo!">
                <h5 class="pt-2 text-center headingline">We Need To Verify Your Identity</h5>
				@if ($errors->has('error'))
                    <div class="text-danger text-center">There is an error, please <a class="hlink" href="{{ env('APP_URL') }}">click here</a> to regenerate your activation code! </div>
                @endif
                <form id="verifyform" action="{{ route('sendactivattioncode') }}" method="post">
                    @csrf
                    @if (Session::get('isEmailEnabled'))
                        <div class="row p-1">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <label for="email" class="form-label logininputlabels">Email</label>
                                <div class="email">
                                    <i class="fa-regular fa-envelope" aria-hidden="true"></i>
                                    <input type="email" id="email" name="email" readonly
                                        class="form-control logininputfields" placeholder="Enter Email" aria-label="Email"
                                        value="{{ Session::get('useremail') }}">
                                </div>
                            </div>
                        </div>
                    @endif
                    @if (Session::get('isPhoneEnabled'))
                        <div class="row p-1">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <label for="mobile" class="form-label logininputlabels">Mobile</label>
                                <div class="email">
                                    <i class="fa-regular fa-envelope" aria-hidden="true"></i>
                                    <input type="phone" id="mobile" name="mobile" readonly
                                        class="form-control logininputfields" placeholder="Enter Mobile Number"
                                        aria-label="Mobile" value="{{ Session::get('mobileno') }}">
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="row p-1 d-flex">
                        <div class="row p-1">
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <p class="smallinfoline ps-2">If your email or mobile number is incorrect please reach out
                                    to
                                    <a class="hlink"
                                        href="mailto:itsupport@acrabrokerlinks.com">itsupport@acrabrokerlinks.com</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row p-1">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                            <button class="w-100 btn btn-custom" type="button" id="submitbtn">SEND
                                ACTIVATION CODE</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection