@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')

@section('content')

    <section class="page-header page-header-xlg parallax parallax-3"
             style="background-image:url('assets/images/vision-min.jpg')">
        <div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

        <div class="container">

        </div>
    </section>

<style>
    .checkbox.error{
        color:#b92c28 !important;
    }
</style>
    <style type="text/css">
        .tp-caption {
            text-shadow: none;
        }
        div.shop-item {
            margin-bottom: 30px;
            border: 1px solid #ddd;
        }

        div.shop-item > .thumbnail, .thumbnail {
            border: none;
        }

        div.shop-item-summary {
            padding: 8px;
        }

        div.shop-item-summary h2 a {
            color: #9aa983;
            font-size: 1.2em;
            margin: 0 0 10px 0;
        }

        div.shop-item-buttons {
            padding: 0 8px 10px 8px;
        }

        div.shop-item-buttons .btn-xs {
            padding: 4px;
        }
        img.avatar {
            width: 75%;
            max-width: 200px;
            border: 6px solid #bbccab;
            margin-bottom: 10px;
        }
    </style>

    <!-- /PAGE HEADER -->
    <script src='https://www.google.com/recaptcha/api.js'></script>

    <!-- -->
    <section>
        <div class="container">

            <div class="row">

                <!-- FORM -->
                <div class="col-md-9 col-sm-8">

                    <h1>Schreibe uns!</h1>

                    <p>Du interessierst Dich für unser Geschäft oder hast Fragen zu den Produkten? Dann freuen wir uns auf eine Nachricht von Dir. Wir werden uns im Anschluss sobald wie möglich bei Dir zurückmelden.</p>

                    {!! Form::open(['url' => '/kontakt']) !!}
                        <div class="row contact-row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {!! Form::label('first_name', __('First name').'*') !!}
                                    {!! Form::text('first_name', null, ['class' => 'form-control '.($errors->has('first_name') ? 'error' : ''), 'placeholder'=>__('First name'), 'required']) !!}
                                </div>
                                @if ($errors->has('first_name'))
                                    <label for="first_name" class="error text-danger small" style="display: block;">{{ $errors->first('first_name') }}</label>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {!! Form::label('last_name', __('Last Name').'*') !!}
                                    {!! Form::text('last_name', null, ['class' => 'form-control '.($errors->has('last_name') ? 'error' : ''), 'placeholder'=>__('Last Name'), 'required']) !!}
                                </div>
                                @if ($errors->has('last_name'))
                                    <label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('last_name') }}</label>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {!! Form::label('email', __('E-Mail').'*') !!}
                                    {!! Form::email('email', null, ['class' => 'form-control '.($errors->has('email') ? 'error' : ''), 'placeholder'=>__('E-Mail'), 'required']) !!}
                                </div>
                                @if ($errors->has('email'))
                                    <label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('email') }}</label>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    {!! Form::label('phone', __('Phone')) !!}
                                    {!! Form::text('phone', null, ['class' => 'form-control', 'placeholder'=>__('Phone')]) !!}
                                </div>
                            </div>
                        </div>
                        <div class="row contact-row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {!! Form::label('subject', __('Betreff')) !!}
                                    {!! Form::text('subject', null, ['class' => 'form-control', 'placeholder'=>__('Betreff')]) !!}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    {!! Form::label('message', __('Nachricht*')) !!}
                                    {!! Form::textarea('message', null, ['class' => 'form-control '.($errors->has('message') ? 'error' : ''), 'placeholder'=>__('Ihre Nachticht'), 'required']) !!}
                                    @if ($errors->has('message'))
                                        <label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('message') }}</label>
                                    @endif
                                </div>
                            </div>

                            <div class="col-md-12" style="margin-bottom: 8px; margin-top: 10px;">
                                <em class="small">* Pflichtpfelder</em>
                            </div>
                            <div class="col-md-12" style="margin-bottom: 8px; margin-top: 8px;">

                                <label class="checkbox {{ ($errors->has('accepted_data_protection') ? 'error' : '') }}" for="accepted_data_protection">
                                    {!! Form::checkbox('accepted_data_protection', 1, false, ['id'=>'accepted_data_protection', 'class' => 'form-control '.($errors->has('accepted_data_protection') ? 'error' : ''), 'required']) !!}
                                    <i></i> Hiermit willige ich in die im Rahmen der <a target="_blank" href="{{ url('datenschutz') }}">Datenschutzerklärung</a>
                                    genannte Datenverarbeitung ein.
                                </label>
                                @if ($errors->has('accepted_data_protection'))
                                    <label for="accepted_data_protection" class="error text-danger small" style="display: block;">{{ $errors->first('accepted_data_protection') }}</label>
                                @endif
                            </div>

                        </div>

                    <div class="row contact-row">
                        <div class="col-md-12">
                            <div class="g-recaptcha" data-sitekey="{{$GOOGLE_ReCAPTCHA_KEY}}"></div>
                               @if ($errors->has('g-recaptcha-response'))
                                   <label for="recaptcha" class="error text-danger small" style="display: block;">{{ $errors->first('g-recaptcha-response') }}</label>
                               @endif
                        </div>


                    </div>
                            <button type="submit" class="btn btn-primary"><i class="fa fa-check"></i> Nachricht senden
                        </button>
                    {!! Form::close() !!}
                </div> <!-- end col -->
                <!-- /FORM -->


                <!-- INFO -->
                <div class="col-md-3 col-sm-4" style="border-left: 1px solid #ddd;">


                    @if($user_shop)
                        <h2 class="text-center">Kontakt</h2>
                        <p class="text-center">Ich freue mich über Deinen Besuch in meinem MIVITA Onlineshop. Ich bin Deine persönliche Beratung rund um die Produkte und ihrer Anwendung.</p>
                        <div class="text-center">
                            @if($user_shop->isImage())
                                <img class="img-responsive rounded avatar" src="{{ url($user_shop->getImage()) }}" alt="">
                            @else
                                <img class="img-responsive rounded avatar" src="{{ asset('assets/images/avatar.png') }}" alt="">
                            @endif
                        </div>

                        <p class="text-center">
                            @if($user_shop->title)
                                <strong style="color: #97b085; font-size: 1.1em;">{{ $user_shop->title }}</strong><br>
                            @endif
                            @if($user_shop->contact)
                                {!! nl2br($user_shop->contact) !!}
                            @endif
                            <br>
                            {{ $user_shop->getSubdomain() }}
                        </p>

                        @if($user_shop->accessibility)
                            <p class="text-center">
                                <strong>Meine Erreichbarkeit:</strong><br>
                                {!! nl2br($user_shop->accessibility) !!}
                            </p>
                        @endif

                    @else

                    <h2>Kontakt</h2>
                    <hr/>

                    <p>
                        <span class="block"><strong><i class="fa fa-map-marker"></i> Adresse:<br></strong> mivita e.K.<br>
								Leinfeld 2<br>
								87755 Kirchhaslach</span>
                        <span class="block"><strong><i class="fa fa-phone"></i> Telefon:</strong> <a
                                    href="tel:0 8333-946 98 90">0 8333-946 98 90</a></span>
                        <span class="block"><strong><i class="fa fa-envelope"></i> Email:</strong> <a
                                    href="mailto:info@riwa-tec.de">info@mivita.care</a></span>
                    </p>

                    <hr/>

                    <h4 class="font300">Geschäftszeiten</h4>
                    <p>
                        <span class="block"><strong>Mo. - Fr.:</strong> 9-12 Uhr u. 13-16 Uhr</span>
                    </p>

                    @endif

                </div>

                <!-- /INFO -->
            </div>

        </div>
    </section>
    <!-- / -->



@endsection