@extends('layouts.master')

@section('content')
    <div class="offset-xl-1 col-xl-10 col-md-12 col-sm-12">
        <div class="row organisers_area">
            <div class="content_box col-md-12">
                <div class="row">
                    <div class="col-md-12 organisers_title">
                        <h1>Aus unserer Fläche wird Ihre Fläche.</h1>
                    </div>
                    <div class="col-md-12 organisers_desc">
                        Präsentieren Sie sich in unserer neuen Haspa.
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="content_box col-md-12 no_background big_note">
                Die neue Haspa wird zum Treffpunkt für die gesamte Nachbarschaft
                <br />und zur Bühne für Sie.
            </div>
        </div>
        <div class="row">
            <div class="content_box col-md-12">
               <p>Egal, ob Sie Ihre Produkte präsentieren möchten, Ihren Verein vorstellen oder ob Sie Ihre gemalten Bilder gern mal einem größeren Publikum zeigen wollen: Bei uns sind Sie richtig.</p>
               <p>Nutzen Sie ab sofort unsere Filiale für Ihre individuelle Veranstaltung. Wir geben Ihnen Raum für Ihren Vortrag, Ihren Workshop, Ihre Ausstellung oder Ihre Versammlung. Oder lassen Sie uns gemeinsam eine Veranstaltung planen.</p>
            </div>
        </div>
        <div class="row">
            <div class="content_box col-md-12">
                <p><b>Wir bieten Ihnen:</b></p>
                <ul>
                    <li>Viel Raum für Ihre Ideen.</li>
                    <li>Eine informelle und angenehme Atmosphäre für den Austausch mit Ihrer Nachbarschaft.</li>
                    <li>Einen attraktiven Treffpunkt für Ihre Kunden und potentielle Neukunden.</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="content_box col-xl-6 col-md-12">
                <p><b>Ihre Mehrwerte:</b></p>
                <ul>
                    <li>Sie steigern die Bekanntheit im Stadtteil und stärken die Aufmerksamkeit.</li>
                    <li>Sie fördern den Abverkauf Ihrer Produkte und Dienstleistungen.</li>
                    <li>Sie aktivieren neue Kunden und intensivieren den Kontakt mit Bestandskunden.</li>
                    <li>Sie zeigen sich als Teil der Nachbarschaft und regen zum Austausch an.</li>
                </ul>
            </div>
            <div class="content_box col-xl-6 col-md-12">
                <p><b>So sind Sie dabei:</b></p>
                <ul>
                    <li>Sie sind Besitzer eines Geschäfts in der Nachbarschaft?</li>
                    <li>Sie haben ein kleines bis mittelständisches Unternehmen oder einen Verein? Das passt!</li>
                    <li>Sprechen Sie einen Mitarbeiter unserer Filiale an oder stellen Sie uns Ihre Idee über das Kontaktformular vor.</li>
                    <li>Wir melden uns dann schnellstmöglich bei Ihnen.</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="content_box col-md-12 no_background small_note">
                Wir freuen uns auf den Austausch mit Ihnen und auf die Umsetzung Ihrer Ideen!
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                {!! Form::open(['url' => action('MainController@shareIdea'), 'method' => 'POST']) !!}
                    <div class="row content_box share_idea contact_form">
                        @if($errors->any())
                            <div class="col-md-12">
                                <div class="row">
                                    @include('errors.list')
                                </div>
                            </div>
                        @endif
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-12"><h4>Ihre Anfrage</h4></div>
                                <div class="col-md-12">
                                    <div class="separator"></div>
                                </div>
                                <div class="col-md-12">
                                    {!! Form::textarea('message', null, ['class' => 'form-control message', 'placeholder' => 'Ihre Nachricht*']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-12"><h4>Persönliche Daten</h4></div>
                                <div class="col-md-12">
                                    <div class="separator"></div>
                                </div>
                                <div class="col-md-4">
                                    {!! Form::select('title', ['herr' => 'Herr', 'frau' => 'Frau'], null, ['class' => 'form-control']) !!}
                                </div>
                                <div class="col-md-4">
                                    {!! Form::text('first_name', null, ['class' => 'form-control', 'placeholder' => 'Vorname*']) !!}
                                </div>
                                <div class="col-md-4">
                                    {!! Form::text('last_name', null, ['class' => 'form-control', 'placeholder' => 'Nachname*']) !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {!! Form::text('company', null, ['class' => 'form-control', 'placeholder' => 'Firma*']) !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {!! Form::text('street', null, ['class' => 'form-control', 'placeholder' => 'Straße']) !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    {!! Form::text('zipcode', null, ['class' => 'form-control', 'placeholder' => 'PLZ']) !!}
                                </div>
                                <div class="col-md-6">
                                    {!! Form::text('city', null, ['class' => 'form-control', 'placeholder' => 'Ort']) !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {!! Form::text('mobile', null, ['class' => 'form-control', 'placeholder' => 'Telefonnummer']) !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {!! Form::text('email', null, ['class' => 'form-control', 'placeholder' => 'E-Mail-Adresse*']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 contact_footer">
                            <div class="row">
                                <div class="col-md-12">
                                    Im Umgang mit Ihren persönlichen Daten werden selbstverständlich alle Vorgaben des Datenschutzes beachtet.
                                </div>
                                <div class="col-md-12">
                                    <label>
                                        {!! Form::checkbox('TOC', '1') !!} Ich habe die <a href="{{ action('MainController@privacy') }}">Datenschutzbestimmungen</a> gelesen und bin mit der Übermittlung meiner Daten einverstanden.
                                    </label>
                                </div>
                                <div class="col-md-12">
                                    Haben Sie alles ausgefüllt und überprüft? Dann senden Sie Ihre Anfrage jetzt an uns ab.
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <button class="btn btn-danger contact_send_btn">
                                Nachricht senden <i class="fas fa-chevron-circle-right"></i>
                            </button>
                        </div>
                        <div class="col-md-12 note">
                            * Mit einem Stern gekennzeichnete Formularfelder sind Pflichtangaben.
                        </div>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
    @include('back')
    <script>
        $(document).ready(function(){
            @if(session('success'))
                var HTML = '<div class="confirmation_popup"><div class="headline">Vielen Dank.</div><div class="text">Ihre Nachricht wurde versendet. Wir setzen uns schnellstmöglich mit Ihnen in Verbindung.<br/><br/>Ihre Haspa</div></div>';
                bootbox.dialog({
                    onEscape: true,
                    backdrop: true,
                    message: HTML
                });
            @endif
            @if($errors->any())
                if($("#size_check").is(":visible")){
                    $('html, body').animate({
                        scrollTop:  $(".contact_form").offset().top
                    }, 1000);
                }
            @endif
        });
    </script>
 @stop