@extends('layouts.user_app')
@section('content')

<section class="auth-page">
    <div class="auth-container">
        <div class="left-div">
            
            <a href="/" class="close"><img src="{{ asset('frontend/assets/images/close-icon-red.svg') }}"></a>
            <div class="inner-div">

                <div class="tab-content">
                    <div id="details-tab" class="tab-pane fade active show">
                        <h3>Reset Password</h3>
                        <form class="m-form m-form--state" name="frm-reset-password" id="frm-reset-password" method="post"
                            action="{{ route('user-forget-password') }}" enctype="multipart/form-data">
                            @csrf
                        <div class="row">
                            <div class="col-12 col-md-12">
                                <div class="form-group">
                                    <p>Enter the email associated with your account and we’ll send an verification code to reset your password</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-12">
                                <div class="form-group">
                                    <label>Enter Email Address</label>
                                    <div class="input-with-right-icon">
                                        <input type="email" placeholder="" class="form-control" name="email" required>
                                        <!--<button type="button" class="right-icon"><img src="assets/images/verify-tick-green.svg"></button>-->
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-12">
                                <div class="form-group">
                                    <div class="or-divider"><span>or</span></div>
                                </div>
                                
                            </div>
                            <div class="col-12 col-md-12">
                                <div class="form-group">
                                    <div class="auth-more-text text-center ">
                                        Reset password with <a href="#" class="text-underline">Mobile number</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-12">
                                <div class="form-group pt-2 pt-md-4">
                                    <div class="submit-actions">
                                        <button type="submit" class="submit-btn theme-solid-btn justify-content-center">Send</button>
                                    </div>
                                </div>
                            </div>
                            </form>
                        </div>
                    </div>

                    <div id="verification-tab" class="tab-pane fade">
                        verification-tab
                    </div>
                </div>
            </div>
        </div>
        <div class="right-div">
            <figure>
                <div class="auth-logo">
                    <img src="{{asset('frontend/assets/images/logo-white.svg')}}" alt="">
                </div>
                <figcaption>
                    <h3>TransCash Solution inc</h3>
                    <p>Is an international money transfer company reliable, credible, secure, fast and at less cost. Use our services for your international transfers without wasting time.</p>
                </figcaption>
            </figure>
        </div>
    </div>
</section>
@if( Session::has('modal_message_error'))
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.33.1/sweetalert2.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        Swal.fire({
                    type: 'error',
                    title: 'No User Found',
                    text: 'Please provide valid Email or Register First!'
        })
    });
</script>

@endif
@endsection