@extends('guest.layout')

@section('title', trans('admin.register.title'))

@section('content')

<div class="main-container">
<section class="cover fullscreen image-bg overlay">
    <div class="container v-align-transform">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3">
                <div class="feature bordered text-center">
                    <h4 class="uppercase">Inscription</h4>
                    @include('admin.auth.includes.messages')
                    <form class="text-left" method="POST" action="{{ url('/admin/register') }}" >
                        {{ csrf_field() }}
                        <input type="text" id="first_name" name="first_name" placeholder="{{ trans('admin.auth_global.first_name') }}">
                        <input type="text" id="last_name" name="last_name" placeholder="{{ trans('admin.auth_global.last_name') }}">
                        <input type="text" id="email" name="email" placeholder="{{ trans('admin.auth_global.email') }}">
                        <input type="password" id="password" name="password" placeholder="{{ trans('admin.auth_global.password') }}" ref="password">
                        <input type="password" id="password_confirmation" name="password_confirmation" placeholder="{{ trans('admin.auth_global.password_confirm') }}" data-vv-as="password">
                        <input type="hidden" name="remember" value="1">
                        <input type="submit" value="Inscription" />
                    </form>
                    <p class="mb0">En vous inscrivant, vous acceptez nos
                        <a href="#">conditions d'utilisation</a>
                    </p>
                    <p class="mb0">
                        <a href="{{ url('/admin/login') }}" class="auth-ghost-link">{{ trans('admin.login.title') }}</a>
                    </p>
                </div>
            </div>
        </div>
        <!--end of row-->
    </div>
    <!--end of container-->
</section>

@endsection

@section('bottom-scripts')
<script type="text/javascript">
    // fix chrome password autofill
    // https://github.com/vuejs/vue/issues/1331
    document.getElementById('password').dispatchEvent(new Event('input'));
</script>
@endsection