@extends('layouts.authsup')

@section('content')
<div class="login-wrapper">

    <div class="login-left-side">

        {{-- <img src='{{ asset(' loginSup/images/logo-new.png') }}' class="login-left-illustration" height="209" width="572"
            alt="Logo SUPMTI"> --}}
            <img src="{{ asset('loginSup/images/reset-passeword.png') }}" class="login-left-illustration" alt="Logo">


    </div>

    <div class="login-right-side">
        <div class="login-right-side-content">

            <h3>Réinitialisation du mot de passe</h3>


            <form class="form-signin" method="POST" action="{{ route('password.store') }}">
                @csrf
                <input type="hidden" name="token" value="{{ $request->route('token') }}">
                <div class="login-wrap">


                    <div class="form-group">
                        <label for="password">Nouveau mot de passe</label>
                        <input type="password" class="form-control @error('password') 'is-invalid' @enderror"
                            name="password" placeholder="Mot de Passe" autocomplete="off" required>
                    </div>
                    @error('password')
                    <div class="alert alert-danger">
                        {{-- <center>L`Email ou le Mot de Passe est Incorrect</center> --}}
                        <center>{{ $message }}</center>
                    </div>

                    @enderror
                    <div class="form-group">
                        <label for="password_confirmation">Confirmer le nouveau mot de passe</label>
                        <input type="password" class="form-control "
                            name="password_confirmation" placeholder="Mot de Passe" autocomplete="off" required>
                    </div>
                    @error('password_confirmation')
                    <div class="alert alert-danger">
                        {{-- <center>L`Email ou le Mot de Passe est Incorrect</center> --}}
                        <center>{{ $message }}</center>
                    </div>

                    @enderror


                    <br />

                    <div class="form-group text-center mt-4">
                        <button class="btn btn-lg btn-login btn-block" type="submit">
                            <i class="fa fa-sign-in"></i> Réinitialiser
                        </button>
                    </div>




                </div>



            </form>
        </div>
    </div>
</div>
@endsection