@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout gallery-videos">

    <div class="page-header" style="background-image: url({{url('assets/images/book-cover.jpg')}});">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="page-thumbnail-wrapper">
                        <img src="/assets/images/book-thum.jpg" class="page-thumbnail">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="page-title-wrapper">
                        <h1 class="page-title">استرجاع كلمة المرور</h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="shape"></div>
    </div> <!-- page-header -->

    <div class="page-content">
        <div class="container">
            <div class="form-wrapper">
                @include('vendor.errors')
                @if(session()->has('success'))
                    <div class="demo-spacing-0">
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <div class="alert-body text-center">
                                {{ session('success') }}
                            </div>
                        </div>
                    </div>
                @endif
                
                <form action="{{ route('page.forget-password.post') }}" method="post">
                    @csrf
                    <div class="row mb-4">
                        <div class="col-md-6 mx-auto">
                            <div class="form-group mb-4">
                                <label>البريد الإلكتروني</label>
                                <input type="email" name="email" required class="form-control" value="{{ old('email') }}" placeholder="البريد الإلكتروني">
                                <small class="form-text text-muted">أدخل البريد الإلكتروني المرتبط بحسابك وسنرسل لك رابط إعادة تعيين كلمة المرور</small>
                            </div> <!-- form-group -->
                        </div> <!-- col-md-6 -->
                    </div>

                    <div class="row mb-4">
                        <div class="col-md-6 mx-auto text-center">
                            <button type="submit" class="btn btn-primary w-100">إرسال رابط إعادة التعيين</button>
                        </div> <!-- col-md-6 -->
                    </div>

                    <div class="row mb-4">
                        <div class="col-md-6 mx-auto text-center">
                            <p class="mb-2">
                                <a href="{{ route('page.login') }}">العودة إلى تسجيل الدخول</a>
                            </p>
                            <p class="mb-0">
                                ليس لديك حساب؟ <a href="{{ route('page.register') }}">إنشاء حساب جديد</a>
                            </p>
                        </div> <!-- col-md-6 -->
                    </div>
                </form>
            </div> <!-- form-wrapper -->
        </div> <!-- container -->
    </div><!-- page-content -->

</div> <!-- page -->

@endsection
@section('js')

@endsection