@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;">S'enrégistrer</h1>
                <ul>
                    <li><a href="{{url('/')}}" style="color: #333333 !important;">Accueil</a></li>
                    <li style="color: #333333 !important;">S'enrégistrer</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 Enrégistrement | Veuillez vous enrégistrer</h1>
                                <div class="card" style="margin: 30px; background-color: #eeeeee !important;">
                                    <div class="card-body" style="padding: 20px;">   
                                        <form method="POST" action="{{ route('register') }}">
                                            @csrf

                                            <!-- Name -->
                                            <div>
                                                <x-label for="name" :value="__('Votre nom')" />

                                                <input id="name" class="form-control" type="text" name="name" :value="old('name')" placeholder="Ex: John DOE" required autofocus />
                                            </div>

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

                                                <input id="email" class="form-control" type="email" name="email" :value="old('email')" placeholder="Ex: johndoe@gmail.com"  required />
                                            </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="new-password" />
                                            </div>

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

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

                                            <div class="flex items-center justify-end mt-4">
                                                <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('login') }}">
                                                    {{ __('Déjà inscrit ?') }}
                                                </a>
                                            </div>
                                            <br>
                                            <button class="btn form-control" style="background-color: #a94912; border-radius: 30px; color: #ffffff;">
                                                {{ __('S\'enregistrer') }}
                                            </button>
                                        </form>
                                    </div>
                                                                                    
                                </div>

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


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

        



    


@endsection