@extends('Shop.layout.layout', [
	'title' => __('home.title'),
    'bodyClass' => 'hold-transition login-page'
])

@section('content')
    {!! Form::open(['route' => 'Shop.register.post', 'method' => 'post', 'autocomplete'=> 'off']) !!}
    <div class="row">
        <div class="col-8">
            @component('components.card', ['title' => 'Créez votre compte', 'class' => 'mt-3 mb-3'])
                <div class="row">
                    <div class="col-6">
                        <div class="form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
                            {{ Form::text('first_name', old('first_name'), ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.first_name'), 'required', 'autofocus']) }}
                            {!! $errors->first('first_name','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
                            {{ Form::text('last_name', old('last_name'), ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.last_name'), 'required']) }}
                            {!! $errors->first('last_name','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                        <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                            {{ Form::email('email', old('email'), ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.email'), 'required']) }}
                            {!! $errors->first('email','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
                            {{ Form::text('phone', old('phone'), ['class' => 'form-control', 'placeholder' => __('phone'), 'required']) }}
                            {!! $errors->first('phone','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="form-group {{ $errors->has('address') ? 'has-error' : '' }}">
                            {{ Form::text('address', old('address'), ['class' => 'form-control', 'placeholder' => __('Adresse'), 'required']) }}
                            {!! $errors->first('address','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="form-group {{ $errors->has('address2') ? 'has-error' : '' }}">
                            {{ Form::text('address2', old('address2'), ['class' => 'form-control', 'placeholder' => __('Complément d\'adresse'), 'required']) }}
                            {!! $errors->first('address2','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-4">
                        <div class="form-group {{ $errors->has('zipcode') ? 'has-error' : '' }}">
                            {{ Form::text('zipcode', old('zipcode'), ['class' => 'form-control', 'placeholder' => __('zipcode'), 'required']) }}
                            {!! $errors->first('zipcode','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                    <div class="col-8">
                        <div class="form-group {{ $errors->has('city') ? 'has-error' : '' }}">
                            {{ Form::text('city', old('city'), ['class' => 'form-control', 'placeholder' => __('city'), 'required']) }}
                            {!! $errors->first('city','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-6">
                        <div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
                            {{ Form::password('password', ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.password'), 'required']) }}
                            {!! $errors->first('password','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group {{ $errors->has('password_confirmation') ? 'has-error' : '' }}">
                            {{ Form::password('password_confirmation', ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.password_confirm'), 'required']) }}
                            {!! $errors->first('password_confirmation','<p class="text-danger"><strong>:message</strong></p>') !!}
                        </div>
                    </div>
                </div>
            @endcomponent

            <div class="row mbm">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
                    <button type="submit" class="btn btn-primary">
                        {{ __('boilerplate::auth.register.register_button') }}
                    </button>
                </div>
            </div>

        </div>
    </div>
    {!! Form::close() !!}
@endsection