@extends('layouts.master')

@section('title', '- Kontakt')

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

    <div class="row">
        <div class="static-headerbox">
            <h1>
                Haben Sie Fragen zu unseren Veranstaltungen?
            </h1>

            <br>

            <div class="static-row">
                Sie erreichen uns am besten über das Kontaktformular. <br>
                Für andere Fragen oder Mitteilungen senden Sie bitte eine E-Mail an <a href="mailto:haspa@haspa.de" style="color: #ff0000">haspa@haspa.de</a>
            </div><!-- .static-row -->
        </div>
    </div>

    <div class="static-content">
        <div class="static-content-inner">
            {!! Form::open(['url' => route('send-message'), 'method' => 'POST']) !!}
                @csrf

                @if($errors->any())
                    @include('errors.list')
                    <br>
                @endif

            <div class="row">
                <div class="col-md-6 p-0 pr-md-2 mb-3">
                    <h4 class="mb-1">Ihre Anfrage*</h4>

                    {!! Form::textarea('message', null, ['class' => 'form-control message', 'placeholder' => 'Für die schnelle Bearbeitung Ihrer Anfrage, nennen Sie uns bitte den Titel und das Datum der Veranstaltung sowie Ihr Anliegen...']) !!}

                </div>
                <div class="col-md-6 p-0 pl-md-2">
                    <h4 class="mb-1">Persönliche Daten</h4>
                    <div class="row p-0 mb-0">
                        <div class="col-md-4 col-sm-12 px-0 pr-md-2 mb-3 title-select">
                            {!! Form::select('title', ['herr' => 'Herr', 'frau' => 'Frau'], null, ['class' => 'form-control', 'id' => 'title-dropdown']) !!}
                        </div>
                        <div class="col-md-4 col-sm-12 px-0 pl-md-1 pr-md-1 mb-3">
                            {!! Form::text('first_name', null, ['class' => 'form-control', 'placeholder' => 'Vorname']) !!}
                        </div>
                        <div class="col-md-4 col-sm-12 px-0 pl-md-2 mb-3">
                            {!! Form::text('last_name', null, ['class' => 'form-control', 'placeholder' => 'Nachname']) !!}
                        </div>
                    </div>


                    <div class="row p-0 m-0">
                        <div class="col-12 p-0  mb-3">
                            {!! Form::text('street', null, ['class' => 'form-control', 'placeholder' => 'Straße']) !!}
                        </div>
                    </div>

                    <div class="row p-0 m-0">
                        <div class="col-md-6 col-sm-12 px-0 pr-md-2  mb-3">
                            {!! Form::text('zipcode', null, ['class' => 'form-control', 'placeholder' => 'PLZ']) !!}
                        </div>
                        <div class="col-md-6 col-sm-12 px-0 pl-md-2  mb-3">
                            {!! Form::text('city', null, ['class' => 'form-control', 'placeholder' => 'Ort']) !!}
                        </div>
                    </div>

                    <div class="row p-0 m-0">
                        <div class="col-12 p-0 m-0 mb-3">
                            {!! Form::tel('mobile', null, ['class' => 'form-control', 'placeholder' => 'Telefonnummer']) !!}
                        </div>
                    </div>

                    <div class="row p-0 m-0">
                        <div class="col-12 p-0 m-0 mb-3">
                            {!! Form::email('email', null, ['class' => 'form-control', 'placeholder' => 'E-Mail-Adresse*']) !!}
                        </div>
                    </div>


                </div>
            </div>
            <div class="row">
                <div class="col-12 p-0 m-0 pb-2">
                    <p>
                        * Mit einem Stern gekennzeichnete Formularfelder sind Pflichtangaben.
                    </p>

                    <p>
                        Die übermittelten Daten werden ausschließlich für die Bearbeitung und Beantwortung Ihrer Anfrage verwendet.
                    </p>

                    <p>
                        Ergänzende Informationen finden Sie in unseren <a href="{{ url('datenschutz') }}" target="_self"><u>Datenschutzbestimmungen</u></a>.
                    </p>

                    <br />


                    <h4>Sicherheitsabfrage</h4>
                    <p>
                        Bitte geben Sie die Zeichen in dem Feld ein.
                    </p>

                    <p>
                        {!! app('captcha')->display($attributes = [], $options = ['lang'=> 'de']) !!}
                    </p>

                    <br />

                    <button class="btn btn-danger float-right" id="contact-btn">
                        Nachricht senden <img src="{{ asset('images/icons/icon_pfeilrechts.png') }}" alt="Pfeil nach rechts" width="15" height="15" style="margin-top: -2px">
                    </button>

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection