@extends('frontLayout.frontlayout')
@section('content')

<!-- ==== Recover Passowrd === -->
<section class="login_wrap">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="login_inner">
                    <div class="row align-items-center">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="left-side">
                                <div class="content">
                                    <h4>
                                        <span>RECOVER PASSWORD</span>
                                    </h4>
                                </div>
                                <div class="logi-banner">
                                    <img src="{{url('assets/frontend/images/login_banner.png')}}" alt="" />
                                </div>
                            </div>
                        </div>
                        <div class="offset-lg-1 col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12">
                            <div class="right-side">
                                <div class="form-head-line">
                                    <h4>
                                        Enter your new password
                                    </h4>
                                </div>
                                @include('user.partials.flash_messages')
                                <form method="post" id="recover_password" class="recover_password">
                                	<!--!! CSRF FIELD !!-->
                                    {{ csrf_field() }}
                                    <div class="row">
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <label for="">New password</label>
                                                <input type="password" class="form-control" name="new_password" id="new_password" placeholder="Enter new password">
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="form-group">
                                                <label for="">Confirm new password</label>
                                                <input type="password" class="form-control" name="confirm_password" id="confirm_password" placeholder="Enter confirm password">
                                            </div>
                                        </div>
                                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                            <div class="login-clck">
                                                <button type="submit" class="btn btn-primary w-100 d-block">Submit</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection