@extends('components.customer-layout')

@section('header')
    <div class="page-header-breadcrumb d-md-flex d-block align-items-center justify-content-between ">
        <h4 class="fw-medium mb-0"></h4>
        <ol class="breadcrumb">
            {{-- <li class="breadcrumb-item"><a href="javascript:void(0);" class="text-white-50">verify-email</a> --}}
            </li>
            <li class="breadcrumb-item active" aria-current="page">Home</li>
        </ol>
    </div>
@endsection


@section('content')
    <div class="row justify-content-center">

        <div class="col-xl-8">
            {{-- <div class="row"> --}}
            {{-- <div class="col-xl-12"> --}}

            <form class="_processDepositForm" action="{{ route('user.web.verifyEmail') }}" method="POST">
                @csrf
                <div class="card custom-card py-4">
                    <div class="card-header text-center">
                        <div class="col-12 card-title text-primary">
                            EMAIL  VERIFICATION
                        </div>
                    </div>
                    <div class="card-body">


                        @if(session('message'))
                        <p class="text-success text-center mt-1 mb-1 resendEmailTextMessage"> {{ session('message') }}</p>
                        @endif


                        <label for="">Token</label>
                        <input required class="form-control p-2 text-left" name="token"
                            placeholder="Enter verification token " />
                        @error('token')
                            <p class="text-danger mt-2 ">{{ $message }}</p>
                        @enderror

                        @if(session('error'))
                        <p class="text-danger text-left mt-1 mb-1"> {{ session('error') }}</p>
                        @endif
                    </div>
                    <a href="{{ route('user.web.verifyEmail', ['resend' => 'resend']) }}" class="mx-4 text-left _processResendMail">Didn't get
                        email? <span class="text-primary  ">Resend</span></a>

                    <div class="row col-12 px-4 m-auto justify-content-end ">

                        <button type="submit" class="btn btn-primary col-sm-5 col-md-3  mt-3  _processDeposit"> <i class="bi bi-arrow-right-circle-fill"></i> VERIFY EMAIL
                        </button>
                    </div>
                </div>

            </form>
        </div>
    </div>
@endsection