@extends('includes.guest')

@section('loader')
    <div id="loading-center"></div>
@endsection

@section('content')
    <div class="sign-in-page">
        <div class="container">
            <div class="row justify-content-center align-items-center height-self-center">
                <div class="col-lg-7 col-md-12 align-self-center">
                    <div class="sign-user_card ">
                        <div class="sign-in-page-data">
                            <div class="sign-in-from w-100 m-auto">
                                <h3 class="mb-3 text-center">Inscription</h3>
                                <form method="post" class="" action="{{ route('register')}}">
                                    {{ csrf_field() }}
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label>Nom complet</label>
                                                <input type="text" name="full_name" class="form-control mb-0" id="exampleInputEmail23" placeholder="Nom complet" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>E-mail</label>
                                                <input type="email" name="email" class="form-control mb-0" id="exampleInputEmail35" placeholder="Email" autocomplete="off" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Numéro de téléphone</label>
                                                <input type="text" name="phone_number" class="form-control mb-0" id="exampleInputEmail35" placeholder="Numéro de téléphone" autocomplete="off" required>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Mot de passe</label>
                                                <input type="password" name="password" class="form-control mb-0" id="exampleInputPassword2" placeholder="Mot de passe" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Confirmer mot de passe</label>
                                                <input type="password" name="password_confirmation" class="form-control mb-0" id="exampleInputPassword3" placeholder="Confirmer mot de passe" required>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-hover my-2">Inscription</button>
                                </form>
                            </div>
                        </div>
                        <div class="mt-3">
                            <div class="d-flex justify-content-center links">
                                Vous avez déjà un compte? <a href="{{ route('login.show') }}" class="text-primary ml-2">Connexion</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection