@extends('layouts.master', ['layout' => 'app'])

@push('bottom_scripts')
{!! CondeNast\IdentityManager\Helpers\ReCaptchaHelper::renderScript() !!}
@endpush

@section('content')
    <section class="section container-narrow">
        <header class="section-header text-center">
            <h2 class="title">Benvenuto<br/>in Vanity Fair</h2>
            <p class="lead">
                Completa i dati mancanti
                <br/> I campi contrassegnati da (*) sono obbligatori
            </p>
        </header>

        <form class="form-registration js-form" data-form-validation method="post" action="{{ url()->current() }}">
            {{ csrf_field() }}

            <div id="form-error-summary" style="display: {{ count($errors) > 0 ? 'block' : 'none' }};" class="form-error-summary">I campi evidenziati in rosso contengono degli errori</div>

            <div class="spacer"></div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group left {{ $isFromSocial && isset($user->email) ? $socialCss : '' }} {{ $errors->has('email') ? 'error' : '' }}">
                        @if (@is_null($user->email))
                            <input type="email" name="email" value="{{ old('email', session('loginRegisterEmail')) }}" placeholder="EMAIL*" data-rule-required="true" data-validate-unique data-msg-required="Scrivi la tua email" />
                        @else
                            <input type="email" value="{{ $user->email }}" disabled="disabled" />
                        @endif
                        @if ($errors->has('email'))
                            <p class="error">{{ $errors->first('email') }}</p>
                        @endif
                    </div>
                </div>
                @if (!$isFromSocial)
                <div class="col-sm-6">
                    <div class="form-group right {{ $errors->has('password') ? 'error' : '' }}">
                        <input type="password" name="password" value="{{ old('password') }}" placeholder="PASSWORD*" data-rule-required="true" data-rule-minlength="6" data-msg-minlength="La password deve contenere almeno 6 caratteri" />
                        <button btn-password-toggle="Mostra|Nascondi" class="btn btn-password-toggle"></button>
                        <p class="help onerror-hidden onvalid-hidden">La password deve contenere almeno 6 caratteri</p>
                        @if ($errors->has('password'))
                            <p class="error">{{ $errors->first('password') }}</p>
                        @endif
                    </div>
                </div>
                @endif
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group left {{ $isFromSocial && isset($user->first_name) ? $socialCss : '' }} {{ $errors->has('first_name') ? 'error' : '' }}">
                        <input type="text" name="first_name" value="{{ old('first_name', $user->first_name) }}" placeholder="NOME*" class="js-buildUsername js-firstname" data-rule-required="true" data-msg-pattern="Questo campo non può contenere numeri o simboli" />
                        @if ($errors->has('first_name'))
                            <p class="error">{{ $errors->first('first_name') }}</p>
                        @endif
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group right {{ $isFromSocial && isset($user->last_name) ? $socialCss : '' }} {{ $errors->has('last_name') ? 'error' : '' }}">
                        <input type="text" name="last_name" value="{{ old('last_name', $user->last_name) }}" placeholder="COGNOME*" class="js-buildUsername js-lastname" data-rule-required="true" data-msg-pattern="Questo campo non può contenere numeri o simboli" />
                        @if ($errors->has('last_name'))
                            <p class="error">{{ $errors->first('last_name') }}</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group left {{ $isFromSocial && isset($user->gender) ? $socialCss : '' }} {{ $errors->has('gender') ? 'error' : '' }}">
                        <div class="input-group-select">
                            <select name="gender" data-rule-required="true">
                                <option value="">SESSO*</option>
                                <option value="F" {{ old('gender', $user->gender) === 'F' ? "selected" : "" }}>Femmina</option>
                                <option value="M" {{ old('gender', $user->gender) === 'M' ? "selected" : "" }}>Maschio</option>
                            </select>
                        </div>
                        <p class="help onerror-hidden">Il dato rimarrà riservato</p>
                        @if ($errors->has('gender'))
                            <p class="error">{{ $errors->first('gender') }}</p>
                        @endif
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group right {{ $errors->has('birthdate') ? 'error' : '' }}">
                        <div class='input-group date' data-datetimepicker>
                            <input type='text' name="birthdate" value="{{ old('birthdate', isset($user->birthdate) ? \Carbon\Carbon::parse($user->birthdate)->format('d/m/Y') : '') }}" placeholder="DATA DI NASCITA*" class="form-control" data-rule-required="true" />
                            <span class="icon icon-calendar"></span>
                            <div class="input-group-addon"></div>
                        </div>
                        <p class="help onerror-hidden">Il dato rimarrà riservato</p>
                        @if ($errors->has('birthdate'))
                            <p class="error">{{ $errors->first('birthdate') }}</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12 product-review-box">
                    <div class="form-box form-group left no-mrg-btm no-border-btm" style="height:auto;">
                        <label>
                            Vuoi diventare reviewer e ricevere prodotti in omaggio?
                            <p class="small product-review">
                                Inserendo il tuo indirizzo completo potrai essere scelto dai nostri partner per ricevere prodotti<br />
                                promozionali direttamente a casa tua. Consulta le <a href="https://www.vanityfair.it/condizioni-test-tell" target="_blank">condizioni di partecipazione</a>.
                            </p>
                        </label>
                    </div>
                    <div class="form-box form-group left no-border-top {{ $errors->has('custom_data.prodotti_omaggio') ? 'error' : '' }}" style="height:55px;">
                        <div class="radio-group" style="margin-top: 9px">
                            <label class="radio fleft">
                                Sì
                                <input type="radio" name="prodotti_omaggio" value="s" {{ old('prodotti_omaggio') === "s" ? "checked" : "" }}  class="prodottiomaggio_toggle" data-rule-required="true">
                                <span class="icon-tick"></span>
                            </label>
                            <label class="radio fleft">
                                No
                                <input type="radio" name="prodotti_omaggio" value="n" {{ old('prodotti_omaggio') === "n" ? "checked" : "" }}  class="prodottiomaggio_toggle" data-rule-required="true">
                                <span class="icon-tick"></span>
                            </label>
                        </div>
                        @if ($errors->has('custom_data.prodotti_omaggio'))
                            <p id="prodotti_omaggio-error" class="error">{{ $errors->first('custom_data.prodotti_omaggio') }}</p>
                        @endif
                    </div>
                </div>
            </div>
            <div class="prodottiomaggio_si">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group left {{ $errors->has('address') ? 'error' : '' }}">
                            <input type="text" name="address" value="{{ old('address', $user->address) }}" class="{{ $errors->has('address') ? 'error' : '' }}" data-rule-required=".prodottiomaggio_si:visible" placeholder="VIA/PIAZZA*" />
                            @if ($errors->has('address'))
                                <p id="address-error" class="error">{{ $errors->first('address') }}</p>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group right {{ $errors->has('street_number') ? 'error' : '' }}">
                            <input type="text" name="street_number" value="{{ old('street_number', $user->street_number) }}" class="{{ $errors->has('street_number') ? 'error' : '' }}" data-rule-required=".prodottiomaggio_si:visible" placeholder="NUMERO CIVICO*" />
                            @if ($errors->has('street_number'))
                                <p id="street_number-error" class="error">{{ $errors->first('street_number') }}</p>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group left {{ $errors->has('address_notes') ? 'error' : '' }}">
                            <input type="text" name="address_notes" value="{{ old('address_notes', $user->address_notes) }}" class="{{ $errors->has('address_notes') ? 'error' : '' }}" placeholder="NOTE" />
                            @if ($errors->has('address_notes'))
                                <p id="address_notes-error" class="error">{{ $errors->first('address_notes') }}</p>
                            @endif
                            <p class="help">Indica il nome o il cognome che compare sul citofono o evetuali note per il corriere.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group left {{ $errors->has('city') ? 'error' : '' }}">
                            <input type="text" name="city" value="{{ old('city', $user->city) }}" class="{{ $errors->has('city') ? 'error' : '' }}" data-rule-required=".prodottiomaggio_si:visible" placeholder="CITTÀ*" />
                            @if ($errors->has('city'))
                                <p id="city-error" class="error">{{ $errors->first('city') }}</p>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group right {{ $errors->has('zip') ? 'error' : '' }}">
                            <input type="text" name="zip" value="{{ old('zip', $user->zip) }}" class="{{ $errors->has('zip') ? 'error' : '' }}" data-rule-required=".prodottiomaggio_si:visible" placeholder="CAP*" />
                            @if ($errors->has('zip'))
                                <p id="zip-error" class="error">{{ $errors->first('zip') }}</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            @include('auth.customercampaignbox', ['page' => 'register'])

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group left {{ $errors->has('province_id') ? 'error' : '' }}">
                        <div class="input-group-select italic-select">
                            <select name="province_id" data-rule-required="true">
                                <option value="">PROVINCIA*</option>
                                @foreach($provinces as $item)
                                    <option value="{{$item->id}}" {{ old('province_id', $user->province_id) === $item->id ? "selected" : "" }}>{{$item->name}}</option>
                                @endforeach
                                <option value="EE" {{ old('province_id', $user->province_id) === 'EE' ? "selected" : "" }}>Estero</option>
                            </select>
                        </div>
                        @if ($errors->has('province_id'))
                            <p class="error">{{ $errors->first('province_id') }}</p>
                        @endif
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group right {{ $isFromSocial && isset($user->username) ? $socialCss : '' }} {{ $errors->has('username') ? 'error' : '' }}">
                        <input type="text" name="myvanityfair_un" value="{{ old('myvanityfair_un', $user->username) }}" placeholder="LA TUA PAGINA*" class="js-username" data-rule-required="true" data-msg-remote="Nome della pagina già in uso o non valido" data-msg-pattern="Il campo non può contenere spazi vuoti, lettere maiuscole o caratteri speciali (es: -.!,%&?)" />
                        <p class="help top">Questo sarà il tuo spazio personale all'interno di Vanity Fair. Il campo non può contenere spazi vuoti, lettere maiuscole o caratteri speciali (es: -.!,%&?). Scegli con cura, questo campo non pu&ograve; essere modificato.</p>
                        @if ($errors->has('username'))
                            <p class="error">{{ $errors->first('username') }}</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    @include('auth.avatarfield', ['page' => 'register'])
                </div>
                <div class="col-sm-6">
                    <div class="form-box form-group">
                        <label class="checkbox">
                            Iscriviti alla newsletter
                            <input type="checkbox" class="js-noauth-toggle" name="auth_newsletter" {{ old('auth_newsletter', $user->auth_newsletter) ? "checked=\"checked\"":"" }} /><span class="icon-tick"></span>
                            <span class="small">Autorizzo l'invio della newsletter</span>
                        </label>
                        <img class="abs-right" src="/img/airplane-woman.png" alt="newsletter" />
                    </div>
                </div>
            </div>

            <div class="separator"></div>

            @include('auth.privacybox', ['page' => 'register'])

            <div class="separator"></div>

            <div class="recaptcha {{ $errors->has('recaptcha') ? 'error' : '' }}">
                {!! CondeNast\IdentityManager\Helpers\ReCaptchaHelper::renderWidget() !!}
                @if ($errors->has('recaptcha'))
                    <p id="recaptcha-error" class="error" style="text-align: center">{{ $errors->first('recaptcha') }}</p>
                @endif
            </div>

            <div class="form-actions">
                <button type="submit" class="btn-solid text-uppercase">Registrati</button>
            </div>
        </form>
    </section>
@endsection