@extends('layouts/auth')
@section('script')

@endsection
@section('content')
    <div class="row">
        <div class="templatemo-one-signin col-md-6">
            <div class="form-group">
                <label for="lastname" class="control-label">Nom</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent text-white border-end-0 @error('lastname') border-danger  @enderror">
                        <i class="fa fa-user"></i>
                    </span>
                    <input type="text" class="form-control @error('lastname') is-invalid border-danger  @enderror border border-start-0" id="lastname" name="lastname" value="{{old('lastname')}}" placeholder="Votre nom">
                </div>
                @error('lastname')
                <div class="text-danger rounded w-100 px-2 py-1">
                    <strong>{{$message}}</strong>
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="firstname" class="control-label">Prénom</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent text-white border-end-0 @error('firstname') border-danger  @enderror">
                        <i class="fa fa-user"></i>
                    </span>
                    <input type="text" class="form-control @error('firstname') is-invalid border-danger  @enderror border border-start-0" id="firstname" name="firstname" value="{{old('firstname')}}" placeholder="Votre prénom">
                </div>
                @error('firstname')
                <div class="text-danger rounded w-100 px-2 py-1">
                    <strong>{{$message}}</strong>
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="email" class="control-label">Email</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent text-white border-end-0 @error('email') border-danger  @enderror">
                        <i class="fa fa-envelope"></i>
                    </span>
                    <input type="text" class="form-control @error('email') is-invalid border-danger  @enderror border border-start-0" id="email" name="email" value="{{old('email')}}" placeholder="Votre email">
                </div>
                @error('email')
                <div class="text-danger rounded w-100 px-2 py-1">
                    <strong>{{$message}}</strong>
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="password" class="control-label">Mot de passe</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent text-white border-end-0 @error('password') border-danger  @enderror">
                        <i class="fa fa-lock"></i>
                    </span>
                    <input type="password" class="form-control rounded-end @error('password') is-invalid border-danger  @enderror border border-start-0" id="password" name="password" value="{{old('password')}}" placeholder="Votre mot de passe">
                    <span class="pwd-icon d-none input-group-text bg-transparent text-white border-start-0 @error('password') border-danger  @enderror">
                        <i class="fa fa-eye"></i>
                    </span>
                </div>
                @error('password')
                <div class="text-danger rounded w-100 px-2 py-1">
                    <strong>{{$message}}</strong>
                </div>
                @enderror
            </div>
            <div class="form-group">
                <label for="password_confirmation" class="control-label">Confirmation mot de passe</label>
                <div class="input-group">
                    <span class="input-group-text bg-transparent text-white border-end-0">
                        <i class="fa fa-lock"></i>
                    </span>
                    <input type="password" class="form-control rounded-end  border border-start-0" id="password_confirmation" name="password_confirmation" placeholder="Confirmez votre mot de passe">
                    <span class="pwd-icon d-none input-group-text bg-transparent text-white border-start-0 ">
                        <i class="fa fa-eye"></i>
                    </span>
                </div>
            </div>
            <div class="form-group">
              <div class="col-md-12">
                <button type="submit" class="btn btn-warning">M'inscrire</button>
              </div>
            </div>
            <div class="row text-center">
                <div class="col-6 py-2 text-end">
                    <span>Vous avez déjà un compte?</span>
                </div>
                <div class="col-6 py-2 text-start">
                    <a href="{{route('login')}}" class="text-center">Se connecter</a>
                </div>
            </div>
        </div>
        <div class="templatemo-other-signin col-md-6 text-center">
            <label class="fw-bold fs-2 margin-bottom-15">
                {{-- One-click sign in using other services. Credit goes to <a rel="nofollow" href="http://lipis.github.io/bootstrap-social/">Bootstrap Social</a> for social sign in buttons. --}}
                OU
            </label>
            <div class="row g-md-2">
                <div class="col-6 col-md-12">
                    <a class="btn btn-block btn-social btn-google-plus" href="{{ route('google.gmail','register') }}">
                        <i class="fa fa-google-plus"></i> S'inscrire avec Google
                    </a>
                </div>
                {{-- <div class="col-6 col-md-12">
                    <a class="btn btn-block btn-social btn-facebook margin-bottom-15" href="#">
                        <i class="fa fa-facebook"></i> S'inscrire avec Facebook
                    </a>
                </div>    --}}
            </div>
        </div>
    </div>
@endsection
{{-- <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Register') }}</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('register') }}">
                        @csrf

                        <div class="row mb-3">
                            <label for="name" class="col-md-4 col-form-label text-md-end">{{ __('Name') }}</label>

                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>

                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Email Address') }}</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>

                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">

                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="password-confirm" class="col-md-4 col-form-label text-md-end">{{ __('Confirm Password') }}</label>

                            <div class="col-md-6">
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                            </div>
                        </div>

                        <div class="row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Register') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div> --}}