@extends('layouts.app')

@section('content')
    <div class="col-12 col-md-6 overflow-page" >
        <div class="row">
            <!-- register-header -->
            <div class="col-12 news-header px-5 text-primary text-opensans d-flex align-items-center">
                <span class="px-3">Forget Password</span>
            </div>

            <!-- register-content -->
            <div class="col-12 news-content panel-content-h">
                <!-- register -->
                <div class="col-12 py-4">
                    <!-- register-title -->
                    <div class="row justify-content-center">
                        <div class="col-md-12">
                            <form method="POST" action="{{ route('ForgetPassword') }}">
                                @csrf
                                <div class="row justify-content-center">
                                    <div class="col-12 col-md-6">
                                        <input class="form-control mt-2" maxlength="14" name="user" type="text" placeholder="Username..." required="">
                                        <input class="form-control mt-2" name="email" type="email" placeholder="E-mail Address..." required="">
                                        <div>
                                            {!! NoCaptcha::display() !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="row justify-content-centers">

                                    <div class="col-6">
                                        <input type="reset" value="CLEAR" class="btn-secondary mt-4">CLEAR
                                    </div>
                                    <div class="col-6">
                                        <button class="btn-primary mt-4">REST</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection