@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Mot de passe oublié
        @endslot
        @slot('li_1')
            Mot de passe oublié
        @endslot
    @endcomponent
    <div class="login-content">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-lg-5 mx-auto">
                    <div class="login-wrap password-form">
                        <div class="login-header">
                            <h3>Mot de passe oublié</h3>
                            <p>Entrez votre email et nous vous enverrons un lien pour réinitialiser votre mot de passe.</p>
                        </div>
                        @if (Session::has('message'))
                            <div class="alert alert-success" role="alert">
                                {{ Session::get('message') }}
                            </div>
                        @endif
                        <form action="{{ route('forget.password.post') }}" method="POST">
                            @csrf
                            <div class="form-group group-img">
                                <div class="group-img">
                                    <i class="feather-mail"></i>
                                    <input type="text" class="form-control" name="email" id="email"
                                        autocomplete="off" placeholder="Adresse Email" required autofocus>
                                    @if ($errors->has('email'))
                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                    @endif
                                </div>
                            </div>
                            <button class="btn btn-primary w-100 login-btn" type="submit">Envoyer le lien de
                                réinitialisation</button>
                        </form>
                        <a href="{{ url('login') }}" class="back-home"><i class="fas fa-regular fa-arrow-left me-1"></i>
                            Retour à connexion</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection