@extends('layouts.authentification')

@section('content')
    <div class="wrapper">
        <div class="section-authentication-signin d-flex align-items-center justify-content-center my-5 my-lg-0" style="background-image: url('./assets/img/slider/SLIDE\ 2.jpg');  background-size: cover;
    background-repeat: no-repeat;
    !important">
            <div class="container-fluid">
                <div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3">
                    <div class="col mx-auto">
                        <div class="mb-4 text-center">
                        <a href="{{ route('first') }}" class="header-logo">     <img src="{{ asset('assets/img/Logo-Vitrine-slogan-blanc.png') }}" class="logo-icons" alt="logo icon"></a>

                        </div>

                        <div class="card">
                            <div class="card-body">
                                <div class="border p-4 rounded">
                                    <div class="text-center">
                                        <h3 class="">Authentification</h3>

 @if(session()->has('error'))
                    <div class="alert alert-danger" id="success-alert">
                        <button type="button" class="close" data-dismiss="alert">x</button>
                        <p>{{ session()->get('error') }}</p>
                    </div>
                @endif
                                    </div>


                                    <div class="form-body">
                                        <form class="row g-3"  method="POST" action="{{ route('verifyOtp') }}">
                                            @csrf


                                  <div class="col-sm-12">
	<label for="nom_prenoms_contact" class="form-label">@lang("Veuillez entrer le code reçu dans votre boîte d’adresse mail")</label>
	<input type="text" id="otp" name="otp" class="form-control @error("nom_prenoms_contact") is-invalid @enderror" required="">
		@error("otp") <div class="invalid-feedback">{{$message}}</div> @enderror
</div>

<div class="col-12">
                                                <div class="d-grid">
                                                    <button type="submit" class="btn btn-primary"><i class="bx bxs-lock-open"></i>  {{ __('Soumettre') }}</button>
                                                </div>


                                            </div>

                                             <!--div class="col-12">
                                                <div class="d-grid">
                                                    <a href="{{ route('login') }}" class="btn btn-primary"><i class=""></i>  {{ __('Connectez-Vous') }}</a>
                                                </div>


                                            </div-->

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end row-->
            </div>
        </div>
    </div>



@endsection