@extends('layouts.app')

@section('content')
    <div class="container-fluid login">
        <div class="row">
            <div class="col-md-4 d-flex align-self-center justify-content-center bg-leftside ">
                <img src="{{ asset('images/logo.svg') }}" alt="" width="50%">
            </div>
            <div class="col-md-8 bg-white">

                @if ($message = Session::get('success'))
                    <div class="alert alert-light alert-block alert-code-v d-flex justify-content-between align-items-center "
                        role="alert">
                        <div class="icon">
                            <img src="{{ asset('images/ok.svg') }}" alt="">
                        </div>
                        <div class="">
                            <strong class="h4-semibold">Code envoyé</strong>
                            <p class="label black400">Votre code de validation a été renvoyé</p>
                        </div>
                        <button type="button" class="close" data-dismiss="alert">
                            <img src="{{ asset('images/close-danger.svg') }}" alt="Fermer">
                        </button>
                    </div>
                @endif

                @if ($message = Session::get('error'))
                    <div class="alert alert-light alert-block alert-code-e d-flex justify-content-between align-items-center errors"
                        role="alert">
                        <div class="icon">
                            <img src="{{ asset('images/echecicon.svg') }}" alt="">
                        </div>
                        <div class="">
                            <strong class="h4-semibold">Code incorrect</strong>
                            <p class="label black400">Le code renseigné ne correspond pas. </p>
                        </div>
                        <button type="button" class="close" data-dismiss="alert">
                            <img src="{{ asset('images/close-danger.svg') }}" alt="Fermer">
                        </button>
                    </div>
                @endif


                <div class="form-area">
                    <div class="mb-30">
                        <a href="{{ route('users.relogin') }}" class="discription">
                            <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
                        </a>
                    </div>


                    <div class="col-md-6">
                        <div class="mb-50">
                            <h1 class="h1-bold">{{ __('Entrer le mot de passe') }}</h1>

                        </div>
                        <form method="POST" action="{{ route('loginwithpassword') }}">
                            @csrf
                            <div class="form-group ">
                                <div class=" ">
                                    <input type="password" name="password"class="input-text @error('password') is-invalid @enderror" >
                                    @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                </div>
                               
                            
                            </div>

                            <div class="row mb-0">
                                <div class="col-md-8">
                                    <button type="submit" class="cta-primary">
                                        {{ __('Valider') }}
                                    </button>
                                </div>
                            </div>

                            <!-- <div class="row g-1 justify-content-start position-absolute bottom-0 mb-5">
                            <div class="col-12">
                                <div class="discription">
                                    <p class="discription">Tu n’as pas reçu de code ?</p>
                                    <a class="primary-text" href="{{ route('2fa.resend') }}">
                                        Renvoyer un code de vérification
                                    </a>
                                </div>
                            </div> -->
                        </div>
                        <div class="row">
                            
                            <div class="row g-1 justify-content-start position-absolute bottom-0 mb-5">
                                <div class="col-12">
                                    <div class="discription">
                                        <p class="discription">Vous avez oublié votre mot de passe</p>
                                        <!-- <a class="primary-text" href="{{ route('2fa.resend') }}">
                                            Renvoyer un code de vérification
                                        </a> -->
                                        <a href="{{ route('forget.password.get') }}" class="primary-text">
                                            Cliquez ici pour changer votre mot de passe<br>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </form>

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