@extends('layouts.master')
@section ('content')

<!-- Start of Breadcrumbs  section
    ============================================= -->
    <section id="ori-breadcrumbs" class="ori-breadcrumbs-section position-relative" data-background="{{url('template/assets/img/bg/bread-bg.png')}}">
        <div class="container">
            <div class="ori-breadcrumb-content text-center ul-li">
                <h1 style="color: #724b2c;">Connexion</h1>
                <ul>
                    <li><a href="{{url('/')}}" style="color: #333333 !important;">Accueil</a></li>
                    <li style="color: #333333 !important;">Connexion</li>
                </ul>
            </div>
        </div>
        
    </section>  
<!-- End of Breadcrumbs section
    ============================================= -->

    <!-- Start of About section
        ============================================= -->
        <section id="ori-about-7" class="ori-about-section-7">
            <div class="container">
                <div class="ori-about-img-wrapper-7" style="padding-top: 60px; padding-bottom: 60px;">
                    <div class="row">
                        <div class="col-md-12" style="display: inline-flex; justify-content: center;">
                            <div class="ori-about-img-item-wrap position-relative wow fadeInLeft" data-wow-delay="500ms" data-wow-duration="1500ms" >
                                <h1 style="text-align: center">Espace Connexion | Veuillez vous connecter</h1>
                                <div class="card" style="margin: 30px; background-color: #eeeeee !important;">
                                    <div class="card-body" style="padding: 20px;">   
                                        <form method="POST" action="{{ route('login') }}">
                                                @csrf

                                                <!-- Email Address -->
                                                <div>
                                                    <x-label for="email" :value="__('Email')" />

                                                    <x-input id="email" class="form-control" type="email" name="email" :value="old('email')" required autofocus />
                                                </div>

                                                <!-- Password -->
                                                <div class="mt-4">
                                                    <x-label for="password" :value="__('Password')" />

                                                    <x-input id="password" class="form-control"
                                                                    type="password"
                                                                    name="password"
                                                                    required autocomplete="current-password" />
                                                </div>

                                                <!-- Remember Me -->
                                                <div class="block mt-4">
                                                    <label for="remember_me" class="inline-flex items-center">
                                                        <input id="remember_me" type="checkbox" class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="remember">
                                                        <span class="ml-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
                                                    </label>
                                                </div>

                                                <div class="flex items-center justify-end mt-4">
                                                    @if (Route::has('password.request'))
                                                        <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('password.request') }}">
                                                            {{ __('Mot de passe oublié ?') }} 
                                                        </a>
                                                    @endif
                                                </div>
                                                <br>
                                                <button class="btn form-control" style="background-color: #a94912; border-radius: 30px; color: #ffffff;">
                                                    {{ __('Se connecter') }}
                                                </button>
                                        </form>
                                    </div>
                                                                                    
                                </div>

                                
                                
                            </div>
                            
                        </div>
                        
                    </div>
                </div>
            </div>
        </section>


    <!-- End of About section
        ============================================= -->

        



    


@endsection