{{-- @extends('layouts.master', ['layout' => isset($customerCampaign) ? 'app' : 'iframe']) --}}
@extends('layouts.master', ['layout' => 'app'])

@section('content')
    <section class="section container-narrow">
        <p class="section-title"><span>Impostazioni</span></p>

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

            @if (session('status') == 'userUpdated')
                <h6 class="label mrg-btm text-center js-statusMessage">Modifiche salvate con successo</h6>
                <script type="text/javascript">
                    setTimeout(function () { jQuery('.js-statusMessage').fadeOut('slow'); }, 10000);
                </script>
            @elseif (session('status') == 'error')
                <h6 class="label mrg-btm text-center js-statusMessage">Si è verificato un errore</h6>
            @elseif (count($errors) > 0)
                <h6 class="label mrg-btm text-center js-statusMessage">Controlla i dati inseriti</h6>
            @endif

            <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">
                        <input type="email" value="{{ $user->email }}" disabled="disabled" />
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group right">
                        <input type="text" value="********" disabled="disabled" />
                        <a href="javascript:;" onclick="myVanityFair.openModalPopup('{{ $user->user_defined_password ? route("password_change") : route("password_recovery") }}')" class="btn btn-password-toggle">MODIFICA</a>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group left {{ $errors->has('first_name') ? 'error' : '' }}">
                        <input name="first_name" value="{{ old('first_name', $user->first_name) }}" data-rule-required="true" data-msg-pattern="Questo campo non può contenere numeri o simboli" type="text" placeholder="NOME*" />
                        @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 {{ $errors->has('last_name') ? 'error' : '' }}">
                        <input name="last_name" value="{{ old('last_name', $user->last_name) }}" data-rule-required="true" data-msg-pattern="Questo campo non può contenere numeri o simboli" type="text" placeholder="COGNOME*" />
                        @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 {{ $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" class="form-control" value="{{ old('birthdate', \Carbon\Carbon::parse($user->birthdate)->format('d/m/Y')) }}" data-rule-required="true" placeholder="DATA DI NASCITA*" />
                            <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">
                                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('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', ($vanityUser->prodotti_omaggio ? "s" : "n")) === "s" ? "checked" : "" }} data-rule-required="true" class="prodottiomaggio_toggle {{ $errors->has('prodotti_omaggio') ? 'error' : '' }}">
                                <span class="icon-tick"></span>
                            </label>
                            <label class="radio fleft">
                                No
                                <input type="radio" name="prodotti_omaggio" value="n" {{ old('prodotti_omaggio', ($vanityUser->prodotti_omaggio ? "s" : "n")) === "n" ? "checked" : "" }} data-rule-required="true" class="prodottiomaggio_toggle {{ $errors->has('prodotti_omaggio') ? 'error' : '' }}">
                                <span class="icon-tick"></span>
                            </label>
                        </div>
                        @if ($errors->has('prodotti_omaggio'))
                            <p id="prodotti_omaggio-error" class="error">{{ $errors->first('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' => 'profile'])

            <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 {{ $errors->has('username') ? 'error' : '' }}">
                        <input type="text" value="{{ $user->username }}" disabled="disabled" />
                        <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: -.!,%&?).</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' => 'profile'])
                </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' => 'profile'])

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

            <div class="form-actions">
                <button type="submit" class="btn-solid">Salva</button>

                @if (session('status') == 'userUpdated')
                    <h6 class="label mrg-btm text-center js-statusMessage">Modifiche salvate con successo</h6>
                    <script type="text/javascript">
                        setTimeout(function () { jQuery('.js-statusMessage').fadeOut('slow'); }, 10000);
                    </script>
                @elseif (session('status') == 'error')
                    <h6 class="label mrg-btm text-center js-statusMessage">Si è verificato un errore</h6>
                @elseif (count($errors) > 0)
                    <h6 class="label mrg-btm text-center js-statusMessage">Controlla i dati inseriti</h6>
                @endif
            </div>
        </form>
    </section>
@endsection