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

@push('head_scripts')
<script type="text/javascript">
    function socialLogin(social) {
        if (social === "facebook") {
            var fbwindow = window.open('{{ route('linkaccount_social', 'facebook') }}', 'myvanityfairFbLogin', 'location=0,menubar=0,toolbar=0,width=800,height=700', false);
        } else if (social === "twitter") {
            var twwindow = window.open('{{ route('linkaccount_social', 'twitter') }}', 'myvanityfairTwitterLogin', 'location=0,menubar=0,toolbar=0,width=600,height=600', false);
        } else if (social === "google") {
            var ggwindow = window.open('{{ route('linkaccount_social', 'google') }}', 'myvanityfairGoogleLogin', 'location=0,menubar=0,toolbar=0,width=600,height=700', false);
        }
    }
</script>
@endpush

@section('content')
    <div class="modal-body container-modal">
        <h2 class="title">Sei già registrato con<br/>{{ $email }}</h2>
        <div class="spacer"></div>

        @if ($loginProviders == 'site-only')
            <p class="lead">Inserisci la password per collegare i tuoi account</p>
            <div class="spacer"></div>
            <form class="js-form form-login" data-form-validation method="post" action="{{ url()->current() }}">
                {{ csrf_field() }}
                <div class="form-group {{ $errors->has('password') ? 'error' : '' }}">
                    <input name="password" data-rule-required="true" type="password" placeholder="PASSWORD*" />
                    @if ($errors->has('password'))
                        <p class="error">{{ $errors->first('password') }}</p>
                    @endif
                </div>
                {{--<p class="help"><a href="{{ route('password_recovery') }}">Password dimenticata?</a></p>--}}
                <button type="submit" class="btn-solid">Conferma</button>
            </form>
        @else
            <p class="lead">Accedi con i social già connessi</p>
            <ul>
                @if (in_array('facebook', $providers))
                    <li><button class="btn-login fb" onclick="socialLogin('facebook');"><span class="icon icon-facebook"></span><span class="label">Accedi con Facebook</span></button></li>
                @endif
                @if (in_array('twitter', $providers))
                    <li><button class="btn-login tw" onclick="socialLogin('twitter');"><span class="icon icon-twitter"></span><span class="label">Accedi con Twitter</span></button></li>
                @endif
                @if (in_array('google', $providers))
                    <li><button class="btn-login g" onclick="socialLogin('google');"><span class="icon icon-google"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></span><span class="label">Accedi con Google</span></button></li>
                @endif
            </ul>
            @if (in_array('site', $providers))
                <div class="spacer"></div>
                <p class="help">Oppure inserisci la password per collegare gli account</p>
                <form class="js-form form-login" data-form-validation method="post" action="{{ url()->current() }}">
                    {{ csrf_field() }}
                    <div class="form-group {{ $errors->has('password') ? 'error' : '' }}">
                        <div class="input-group">
                            <input name="password" data-rule-required="true" type="password" placeholder="PASSWORD*" />
                            <button type="submit" class="submit">Conferma</button>
                        </div>
                        @if ($errors->has('password'))
                            <p class="error">{{ $errors->first('password') }}</p>
                        @endif
                    </div>
                </form>
            @endif
        @endif
        @if ($errors->has('error'))
            <div class="form-error-summary">{{ $errors->first('error') }}</div>
        @endif
    </div>
@endsection