@extends('front.layout.master')
@section('content')


    <div class="breadcrumb-area gray-bg">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="{{route('main')}}">الرئيسية</a></li>
                    <li class="active"> كلمة مرور جديدة </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="login-register-area pt-95 pb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-12 ml-auto mr-auto">
                    <div class="login-register-wrapper">
                        <div class="newpass-word text-center">
                            <h4>هل نسيت كلمة المرور؟</h4>
                            <div class="border-b4"></div>
                            <p> أدخل رقم هاتفك ، وستتلقى رمزًا لإنشاء كلمة مرور جديدة</p>

                        </div>


                        <div class="login-form-container">
                            <div class="login-register-form">
                                <form action="{{route('forget-password-post')}}" method="post" data-parsley-validate="">
                                    @csrf
                                    @method('post')
                                    <div class="input-group">

                                        <div class="input-group-btn">
                                            <span class="input-group-addon"><img src="{{asset('front/assets/images/icon/mobile-phone.png')}}"></span>
                                        </div>
                                        <input type="number" class="form-control" placeholder="رقم الهاتف" name="phone" required="">

                                    </div>

                                    <div class="button-box">

                                        <button type="submit"><span>تاكيد و ارسال الرمز</span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    @endsection