@extends('layout')
@section('page_title', __('firstcop.auth.register'))
@section('content')
    <div class=" w-full mx-0 pt-20">
        <h1 class="text-fcgrey text-4xl font-bold mb-2 mt-2 text-center">{{__('Register')}}</h1>
        <div class="w-full md:w-2/3 mx-auto px-4 md:px-6 text-xl text-gray-800 leading-normal py-10">
            <form method="POST" action="{{ route('register') }}">
                @csrf

                <div class="form-group row mb-5">
                    <label for="email" class="col-12 md:col-4">{{__('Email')}}</label>

                    <div class="col-12 md:col-8">
                        {{ Form::text('email', old('email'), ['class' => 'fc-input' . ($errors->has('email') ? ' is-invalid' : ''), 'required'=> true,'placeholder' => __('Email')]) }}
                        @if ($errors->has('email'))
                            <span class="invalid-feedback">
                        <strong>{{ $errors->first('email') }}</strong>
                    </span>
                        @endif
                    </div>
                </div>
                <div class="form-group row mb-5">
                    <label for="email" class="col-12 md:col-4">{{__('Prénom')}}</label>

                    <div class="col-12 md:col-8">
                        {{ Form::text('lastname', old('lastname'), ['class' => 'fc-input' . ($errors->has('lastname') ? ' is-invalid' : ''), 'required'=> true,'placeholder' =>__('Prénom')]) }}
                        @if ($errors->has('lastname'))
                            <span class="invalid-feedback">
                        <strong>{{ $errors->first('lastname') }}</strong>
                    </span>
                        @endif
                    </div>
                </div>
                <div class="form-group row mb-5">
                    <label for="email" class="col-12 md:col-4">{{__('Nom')}}</label>

                    <div class="col-12 md:col-8">
                        {{ Form::text('name', old('name'), ['class' => 'fc-input' . ($errors->has('name') ? ' is-invalid' : ''), 'required'=> true,'placeholder' => __('Nom')]) }}
                        @if ($errors->has('name'))
                            <span class="invalid-feedback">
                        <strong>{{ $errors->first('name') }}</strong>
                    </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row mb-5">
                    <label for="password" class="col-12 md:col-4">{{__('Password')}}</label>

                    <div class="col-12 md:col-8">
                        <input id="password" type="password"  placeholder="{{__('Password')}}" class="fc-input{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>

                        @if ($errors->has('password'))
                            <span class="invalid-feedback">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="form-group row mb-5">
                    <label for="password-confirm" class="col-12 md:col-4">{{__('Confirmation')}}</label>

                    <div class="col-12 md:col-8">
                        <input id="password-confirm" type="password" class="fc-input" name="password_confirmation" required placeholder="{{__('Confirmation')}}">
                    </div>
                </div>
                {{--<div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="firstname">Prénom : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="firstname" type="text" name="firstname" value="{{old('firstname')}}"
                                                        placeholder="Prénom"></div>
                    @if ($errors->has('firstname'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('firstname') }}</strong>
                    </span>
                    @endif
                </div>
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="lastname">Nom : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="lastname" type="text" name="lastname" value="{{old('lastname')}}" placeholder="Nom">
                    </div>
                    @if ($errors->has('lastname'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('lastname') }}</strong>
                    </span>
                    @endif
                </div>--}}
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="address1">Adresse : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="address1" type="text" name="address1" value="{{old('address1')}}" placeholder="Adresse">
                    </div>
                    @if ($errors->has('address1'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('address1') }}</strong>
                    </span>
                    @endif
                </div>
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="address2">Adresse (suite) : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="address2" type="text" name="address2" value="{{old('address2')}}"
                                                        placeholder="Adresse (suite)"></div>
                    @if ($errors->has('address2'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('address2') }}</strong>
                    </span>
                    @endif
                </div>
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="city">Ville : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="city" type="text" name="city" value="{{old('city')}}" placeholder="Ville"></div>
                    @if ($errors->has('city'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('city') }}</strong>
                    </span>
                    @endif
                </div>
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="postalcode">Code postal : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="postalcode" type="text" name="postalCode" value="{{old('postalCode')}}"
                                                        placeholder="Code postal"></div>
                    @if ($errors->has('postalCode'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('postalCode') }}</strong>
                    </span>
                    @endif
                </div>
                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="phone">Téléphone : </label></div>
                    <div class="col-12 md:col-8"><input class="fc-input" id="phone" type="text" name="phone" value="{{old('phone')}}" placeholder="Téléphone"></div>
                    @if ($errors->has('phone'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('phone') }}</strong>
                    </span>
                    @endif
                </div>

                <div class="form-group row mb-5">
                    <div class="col-12 md:col-4"><label for="country">Pays : </label></div>
                    <div class="col-12 md:col-8">
                    {{Form::select('country', \App\Models\Country::isActive()->get()->pluck('name', 'name'), $address->country??'France', ['class' => ['fc-input']])}}
                    </div>
                    @if ($errors->has('country'))
                        <span class="invalid-feedback">
                        <strong>{{ $errors->first('country') }}</strong>
                    </span>
                    @endif
                </div>



                <div class="form-group row mb-5 mb-0">
                    <button type="submit" class="btn btn--fc btn-large inline-block w-full md:w-1/2 mx-auto">
                        {{__('Register')}}
                    </button>

                </div>
                <div class="form-group row mb-0 text-center">
                    <a href="{{route('login')}}" class="btn btn--fc-inverse w-full md:w-1/3 mx-auto">
                        {{__('Want to login')}} ?
                    </a>
                </div>
            </form>
        </div>
    </div>
@endsection