@extends('layouts.master')

@section('title', '- Persönlichen Newsletter abonnieren.')

@section('description', 'Immer zuerst informiert sein: Abonnieren Sie jetzt Ihren persönlichen Newsletter.')

@section('content')
    <div class="staticpage">

        <div class="row">
            <div class="static-headerbox">
                <h1>
                    Ihr persönlicher Newsletter für Veranstaltungen
                </h1>

                <br>

                <div class="static-row">
                    Immer zuerst informiert sein: Wählen Sie hier bitte Ihre persönlichen Kriterien für den Newsletter aus.
                </div><!-- .static-row -->
            </div>
        </div>

        <div class="static-content">
            <div class="static-content-inner">
                {!! Form::open(['url' => url('/newsletter/erstellen'), 'method' => 'POST']) !!}

                    @include('newsletters.form')


                    <div class="create_newsletter_form">
                        <div class="row">
                            <div class="col-12 m-0 p-0 input-headline mb-2">Persönliche Daten:</div>
                            <div class="col-12 m-0 p-0">
                                <div class="separator"></div>
                            </div>
                        </div>
                        @if($errors->any())
                            <div class="row">
                                @include('errors.list')
                            </div>
                        @endif
                        <div class="row px-0">
                            <div class="col-lg-2 pr-lg-2 px-0 mb-3 title-select">
                                {!! Form::select('title', ['herr' => 'Herr', 'frau' => 'Frau'], null, ['class' => 'form-control', 'id' => 'title-dropdown']) !!}
                            </div>
                            <div class="col-lg-5 pr-lg-2 pl-lg-2 px-0 mb-3">
                                {!! Form::text('first_name', null, ['class' => 'form-control', 'placeholder' => 'Vorname']) !!}
                            </div>
                            <div class="col-lg-5 pl-lg-2 px-0 mb-2">
                                {!! Form::text('last_name', null, ['class' => 'form-control', 'placeholder' => 'Nachname']) !!}
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-lg-6 m-0 p-0">
                                {!! Form::text('email', null, ['class' => 'form-control', 'placeholder' => 'E-Mail-Adresse*']) !!}
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-12 m-0 p-0">
                                <label>
                                    {!! Form::checkbox('TOC', '1') !!} Mit Absendung der Anmeldung willige ich der Nutzung meiner E-Mail-Adresse zur Zusendung des Newsletters ein.<br />
                                    Ich kann den Newsletter jederzeit abbestellen und damit die Einwilligung mit Wirkung für die Zukunft <a href="#" class="survey_popup">widerrufen</a>.
                                </label>
                            </div>
                            <div class="col-12 m-0 p-0">
                                Ergänzende Informationen finden Sie in unseren <a style="color: red;" href="{{ url('datenschutz') }}">Datenschutzbestimmungen</a>.
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-12 note m-0 p-0">
                                * Mit einem Stern gekennzeichnete Formularfelder sind Pflichtangaben.
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-12 m-0 p-0">
                                <p>
                                    <b>Hinweis:</b> Wenn Sie Ihren persönlichen Newsletter ändern oder abbestellen wollen klicken Sie bitte <a style="color: red;" href="{{ url('newsletter/unsubscribe') }}">hier</a>.
                                </p>
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-12 m-0 p-0">
                                <p>
                                    {!! app('captcha')->display($attributes = [], $options = ['lang'=> 'de']) !!}
                                </p>
                            </div>
                        </div>
                        <div class="row py-2">
                            <div class="col-lg-12 m-0 p-0">
                                <button class="btn btn-danger newsletter_create_btn float-right">
                                    <strong>Jetzt anmelden</strong> <img src="{{ asset('images/icons/icon_pfeilrechts.png') }}" alt="Pfeil nach rechts" width="15" height="15" style="margin-top: -2px">
                                </button>
                            </div>
                        </div>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function(){
            @if(session('success'))
                var HTML = '<div class="confirmation_popup"><div class="headline">Vielen Dank.</div><div class="text">Sie haben von uns eine E-Mail mit einem Bestätigungslink erhalten. Sobald Sie Ihre E-Mail-Adresse bestätigt haben, ist der Newsletter abonniert.</div><div class="text">Dieser Link ist 24 Stunden gültig.</div><div class="text">Falls Sie in der nächsten Stunde keine E-Mail erhalten haben, überprüfen Sie bitte Ihren Spam Ordner.</div><div class="mail_icon"></div></div>';
                bootbox.dialog({
                    onEscape: true,
                    backdrop: true,
                    message: HTML
                });
            @endif
            @if($errors->any())
                if($("#size_check").is(":visible")){
                    $('html, body').animate({
                        scrollTop:  $(".create_newsletter_form").offset().top
                    }, 1000);
                }
            @endif
            // Handle begleitpersonen fields
            $(".survey_popup").click(function(e){
                e.preventDefault();
                var HTML = '<div class="confirmation_popup"><div class="headline" style="font-size: 20px;">Widerspruch des Einverständnisses</div> <div class="text">Die Einwilligung ist freiwillig und kann jederzeit mit Wirkung für die Zukunft widerrufen werden. Ein Widerruf wirkt sich nicht auf unsere Geschäftsbeziehung aus, wir können Ihre Daten dann im gesetzlich jeweils zulässigen Umfang verarbeiten (z. B. Vertragserfüllung). Anderweitige Einwilligungen und Vereinbarungen mit uns oder Dritten werden von diesem Widerruf nicht berührt.</div><div class="text">Der Widerspruch kann formfrei erfolgen und sollte möglichst gerichtet werden an:</div><div class="text">Hamburger Sparkasse AG<br/>Ecke Adolphsplatz / Gr. Burstah<br/>20457 Hamburg<br/>Deutschland<br/>haspa@haspa.de</div></div>';
                bootbox.dialog({
                    onEscape: true,
                    backdrop: true,
                    message: HTML
                });
            });
        });
    </script>
@stop