@extends('layouts.app')

@section('content')
{{--<div class="container">--}}
{{--    <div class="d-flex justify-content-center h-auto">--}}
{{--        <div class="card h-auto">--}}
{{--            <div class="card-header">--}}
{{--                <h3>Register</h3>--}}
{{--            </div>--}}
{{--            <div class="card-body">--}}
{{--                <form  method="POST" action="{{ route('register') }}">--}}
{{--                    @csrf--}}

{{--                    <div class="input-group form-group mb-4">--}}
{{--                        <div class="input-group-prepend">--}}
{{--                            <span class="input-group-text" id="inputGroupPrepend">--}}
{{--                                <img src="{{asset('mail.svg')  }}" alt="" style="height: 18pt;">--}}
{{--                            </span>--}}
{{--                        </div>--}}
{{--                        <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="Full Name" value="{{ old('name') }}" required autocomplete="name" autofocus>--}}
{{--                        @error('name')--}}
{{--                        <span class="invalid-feedback" role="alert">--}}
{{--                            <strong>{{ $message }}</strong>--}}
{{--                        </span>--}}
{{--                        @enderror--}}
{{--                    </div>--}}
{{--                    <div class="input-group form-group mb-4">--}}
{{--                        <div class="input-group-prepend">--}}
{{--                            <span class="input-group-text" id="inputGroupPrepend">--}}
{{--                                <img src="{{asset('mail.svg')  }}" alt="" style="height: 18pt;">--}}
{{--                            </span>--}}
{{--                        </div>--}}
{{--                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="E-Mail" value="{{ old('email') }}" required autocomplete="email" autofocus>--}}
{{--                        @error('email')--}}
{{--                        <span class="invalid-feedback" role="alert">--}}
{{--                            <strong>{{ $message }}</strong>--}}
{{--                        </span>--}}
{{--                        @enderror--}}
{{--                    </div>--}}
{{--                    <div class="input-group form-group mb-4">--}}
{{--                        <div class="input-group-prepend">--}}
{{--                            <span class="input-group-text" id="inputGroupPrepend">--}}
{{--                                <img src="{{asset('smart-key.svg')  }}" alt="" style="height: 18pt;">--}}

{{--                            </span>--}}
{{--                        </div>--}}
{{--                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="Password" required autocomplete="current-password">--}}
{{--                        @error('password')--}}
{{--                            <span class="invalid-feedback" role="alert">--}}
{{--                                <strong>{{ $message }}</strong>--}}
{{--                            </span>--}}
{{--                        @enderror--}}
{{--                    </div>--}}
{{--                    <div class="input-group form-group mb-4">--}}
{{--                        <div class="input-group-prepend">--}}
{{--                            <span class="input-group-text" id="inputGroupPrepend">--}}
{{--                                <img src="{{asset('smart-key.svg')  }}" alt="" style="height: 18pt;">--}}

{{--                            </span>--}}
{{--                        </div>--}}
{{--                        <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password" required autocomplete="new-password">--}}
{{--                    </div>--}}
{{--                    <div class="form-group text-center">--}}
{{--                        <input type="submit" value="Register" class="btn login_btn">--}}
{{--                    </div>--}}
{{--                </form>--}}
{{--            </div>--}}
{{--            <div class="card-footer">--}}
{{--                @if (Route::has('login'))--}}
{{--                    <div class="d-flex justify-content-center links">--}}
{{--                        Already have an account?<a href="{{ route('login') }}">Login</a>--}}
{{--                    </div>--}}
{{--                    --}}{{--                                            <a class="btn btn-link" href="{{ route('password.request') }}">--}}
{{--                    --}}{{--                                                {{ __('Forgot Your Password?') }}--}}
{{--                    --}}{{--                                            </a>--}}
{{--                @endif--}}

{{--                --}}{{--                <div class="d-flex justify-content-center">--}}
{{--                --}}{{--                    <a href="#">Forgot your password?</a>--}}
{{--                --}}{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--<div id="wrapper">--}}
{{--    <div class="vertical-align-wrap">--}}
{{--        <div class="vertical-align-middle auth-main">--}}
{{--            <div class="auth-box">--}}
{{--                <div class="top">--}}
{{--                    <img src="{{asset('assets/admin_styles/images/logo-white.svg')}}" alt="Lucid">--}}
{{--                </div>--}}
{{--                <div class="card">--}}
{{--                    <div class="header">--}}
{{--                        <p class="lead">Create an account</p>--}}
{{--                    </div>--}}
{{--                    <div class="body">--}}
{{--                        <form novalidate class="form-auth-small" method="POST" action="{{ route('register') }}">--}}
{{--                            @csrf--}}
{{--                            <div class="form-group mb-2">--}}
{{--                                <label for="name" class="control-label sr-only">Full Name</label>--}}
{{--                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="Full Name" value="{{ old('name') }}" required autocomplete="name" autofocus>--}}
{{--                                @error('name')--}}
{{--                                <span class="invalid-feedback" role="alert">--}}
{{--                                    <strong>{{ $message }}</strong>--}}
{{--                                </span>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="form-group mb-2">--}}
{{--                                <label for="email" class="control-label sr-only">Email</label>--}}
{{--                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="E-Mail" value="{{ old('email') }}" required autocomplete="email" autofocus>--}}
{{--                                @error('email')--}}
{{--                                <span class="invalid-feedback" role="alert">--}}
{{--                                    <strong>{{ $message }}</strong>--}}
{{--                                </span>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="form-group mb-2">--}}
{{--                                <label for="password" class="control-label sr-only">Password</label>--}}
{{--                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="Password" required autocomplete="current-password">--}}
{{--                                @error('password')--}}
{{--                                <span class="invalid-feedback" role="alert">--}}
{{--                                    <strong>{{ $message }}</strong>--}}
{{--                                </span>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="form-group mb-2">--}}
{{--                                <label for="password-confirm" class="control-label sr-only">Password</label>--}}
{{--                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="Confirm Password" required autocomplete="new-password">--}}
{{--                            </div>--}}
{{--                            <button type="submit" class="btn btn-primary btn-lg btn-block">REGISTER</button>--}}
{{--                            @if(Route::has('login'))--}}
{{--                            <div class="bottom">--}}
{{--                                <span class="helper-text">Already have an account? <a href="{{route('login')}}">Login</a></span>--}}
{{--                            </div>--}}
{{--                            @endif--}}
{{--                        </form>--}}
{{--                        <div class="separator-linethrough"><span>OR</span></div>--}}
{{--                        <button class="btn btn-signin-social"><i class="fa fa-facebook-official facebook-color"></i> Sign in with Facebook</button>--}}
{{--                        <button class="btn btn-signin-social"><i class="fa fa-twitter twitter-color"></i> Sign in with Twitter</button>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}

<section class="login-area p-t-100" >
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-8 col-sm-10 col-xs-12">
                <div class="login-form text-center" style="border: 1px solid #ebebeb; padding: 40px 50px 33px !important;" >
                    <h4 class="title" >S'inscrire</h4>
                    <form novalidate class="form-auth-small" method="POST"  action="{{ route('register') }}">
                        @csrf
                        <div class="single-form">
                            <label for="name" class="control-label sr-only">Nom complet</label>
                            <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="Nom complet" value="{{ old('name') }}" required autocomplete="name" autofocus>
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="single-form">
                                <label for="email" class="control-label sr-only">E-mail</label>
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="E-Mail" value="{{ old('email') }}" required autocomplete="email" autofocus>
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="single-form">
                            <label for="password" class="control-label sr-only">Mot de passe</label>
                            <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="Mot de passe" required autocomplete="current-password">
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror

                        </div>
                        <div class="single-form">
                            <label for="password-confirm" class="control-label sr-only">Confirmez le mot de passe</label>
                            <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="Confirmez le mot de passe" required autocomplete="new-password">
                        </div>


                        <div class="single-form">
                            <button class="main-btn" type="submit">S'inscrire</button>
                        </div>

                        @if(Route::has('login'))
                            <div class="single-form">
                                <span class="helper-text">Vous avez déjà un compte?<a href="{{route('login')}}">S'identifier</a></span>
                            </div>
                        @endif

{{--                        @if(Route::has('register'))--}}
{{--                            <div class="single-form">--}}
{{--                                --}}{{--                                <span class="helper-text m-b-10"><i class="fa fa-lock"></i> <a href="page-forgot-password.html">Forgot password?</a></span>--}}
{{--                                <p>No account? <a href="{{route('register')}}">Create one here.</a></p>--}}
{{--                            </div>--}}
{{--                        @endif--}}

{{--                        <div class="single-form">--}}
{{--                            <ul class="remember-forgot d-flex justify-content-between">--}}
{{--                                <li>--}}
{{--                                    <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>--}}
{{--                                    <label for="remember"><span></span>Remember Me</label>--}}
{{--                                </li>--}}
{{--                                <li>--}}
{{--                                    <p>Forgot <a href="#">password?</a></p>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection