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

@push('head_scripts')
<script type="text/javascript">
    function showLoginBox() {
        parent.postMessage('[myVanityFair]showLoginBox', '*');
    }
</script>
@endpush

@section('content')
    <section class="container-narrow section text-center section-landing">
        @if (!$user)
            <header class="section-header">
                <h2 class="title">Non sei loggato</h2>
                <h3 class="subtitle-i">Registrati o accedi e poi ti diamo il codice</h3>
            </header>

            <button class="btn-solid" href="javascript:;" onclick="showLoginBox()">Registrati / accedi</button>
        @else
            @if (session('status') == 'done')
                <header class="section-header">
                    <h2 class="title">Ciao {{ $user->first_name }}</h2>
                    <h3 class="subtitle-i">il codice è stato inviato a</h3>
                    <h3 class="subtitle-i">{{ $user->email }}</h3>
                </header>
            @else
                <header class="section-header">
                    <h2 class="title">Ciao {{ $user->first_name }}</h2>
                    <h3 class="subtitle-i">clicca sul bottone per ricevere il codice all'indirizzo email</h3>
                    <h3 class="subtitle-i">{{ $user->email }}</h3>
                </header>
                <form class="form-registration js-form" data-form-validation method="post" action="{{ url()->current() }}">
                    {{ csrf_field() }}
                    <button type="submit" class="btn-solid">invia</button>
                    @if (session('status') == 'error-email')
                        <h6 class="label mrg-btm text-center js-statusMessage">Si è verificato un errore durante l'invio della mail</h6>
                    @elseif (session('status') == 'error-code')
                        <h6 class="label mrg-btm text-center js-statusMessage">Si è verificato un errore durante la generazione del codice</h6>
                    @endif
                </form>
            @endif
        @endif
    </section>
    
    

        {{-- 

            @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="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> --}}


@endsection