@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 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;
        }
       .checkbox {
            font-size: 14px;
            line-height: 1.3em;
        }
        .checkbox i {
            top:1px;
        }
        .radio {
            font-size: 14px;
            line-height: 2em;
        }
        .alert.error {
            padding: 8px;
            margin-bottom: 4px;
            margin-top: 4px;
            font-size: 0.9em;
            font-weight: bold;
        }
        select.form-control:not([size]):not([multiple]) {
            height: 40px;
        }
        .checkbox.error, .radio.error{
            color:#b92c28 !important;
        }
    </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>

                    <div class="box-static box-transparent box-bordered padding-20">
                    {!! Form::open(['url' => '/kontakt']) !!}
                        <div class="text-right" style="margin-bottom: 8px; margin-top: -16px;">
                            <em class="small">* {{trans('register.required_fields')}}</em>
                        </div>
                        <div class="row contact-row">
                            <div class="form-group col-md-12">
                                {!! Form::label('first_name', __('Salutation').'*') !!}
                                {!! Form::select('salutation', [''=>'Bitte wählen', 'mr'=>'Herr', 'ms'=>'Frau'], '', ['class' => 'form-control '.($errors->has('salutation') ? 'error is-invalid' : '')]) !!}
                                @if ($errors->has('salutation'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('salutation') }}
                                    </div>
                                @endif
                            </div>
                            <div class="form-group col-md-6">
                                {!! Form::label('first_name', __('First name').'*') !!}
                                {!! Form::text('first_name', '', ['class' => 'form-control '.($errors->has('first_name') ? 'error is-invalid' : ''), 'placeholder'=>__('First name'), '']) !!}
                                @if ($errors->has('first_name'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('first_name') }}
                                    </div>
                                @endif
                            </div>
                            <div class="form-group col-md-6">
                                {!! Form::label('last_name', __('Last Name').'*') !!}
                                {!! Form::text('last_name', '', ['class' => 'form-control '.($errors->has('last_name') ? 'error is-invalid' : ''), 'placeholder'=>__('Last Name'), '']) !!}
                                @if ($errors->has('last_name'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('last_name') }}
                                    </div>
                                @endif
                            </div>
                            <div class="form-group col-md-12">
                                {!! Form::label('email', __('E-Mail Address').'*') !!}
                                {!! Form::email('email', '', ['class' => 'form-control '.($errors->has('email') ? 'error is-invalid' : ''), 'placeholder'=>__('E-Mail Address'), '']) !!}
                                @if ($errors->has('email'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('email') }}
                                    </div>
                                @endif
                            </div>
                            <div class="form-group col-md-12">
                                    {!! Form::label('phone', __('Phone')) !!}
                                    {!! Form::text('phone', null, ['class' => 'form-control', 'placeholder'=>__('Phone')]) !!}
                            </div>
                        </div>
                        <div class="row contact-row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {!! Form::label('message', __('Nachricht*')) !!}
                                    {!! Form::textarea('message', null, ['class' => 'form-control '.($errors->has('message') ? 'error is-invalid' : ''), 'placeholder'=>__('Deine Nachticht an uns')]) !!}
                                    @if ($errors->has('message'))
                                        <div class="alert alert-danger error"><!-- DANGER -->
                                            {{ $errors->first('message') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @if(!$user_shop || $user_shop->id === 22)
                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    {!! Form::label('sales_partnership', __('Betrifft Ihre Anfrage eine gewünschte Vertriebspartnerschaft?*')) !!}
                                </div>
                            </div>
                                <div class="col-md-12">
                                    <div class="form-group my-0">

                                        <label class="radio {{ ($errors->has('sales_partnership') ? 'error' : '') }}">
                                            {!! Form::radio('sales_partnership', 'JA', '', ['class'=> 'form-control']) !!}
                                            <i></i> JA
                                        </label>
                                     </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group my-0">
                                        <label class="radio {{ ($errors->has('sales_partnership') ? 'error' : '') }}">
                                            {!! Form::radio('sales_partnership', 'NEIN', '', ['class'=> 'form-control']) !!}
                                            <i></i> NEIN
                                        </label>
                                        @if ($errors->has('sales_partnership'))
                                            <div class="alert alert-danger error"><!-- DANGER -->
                                                {{ $errors->first('sales_partnership') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            <div class="col-md-12" id="show_sales_partnership_message" @if(old('sales_partnership') !== 'JA') style="display: none;" @endif>
                                <hr class="my-3">
                                <p class="mb-3">Wahrscheinlich bist Du durch einen unserer bestehenden Vertriebspartner auf uns aufmerksam geworden. Bitte verrate uns daher, wie Du auf MIVITA gekommen bist. Es genügt ein Name oder ein Hinweis auf einen bestehenden Vertriebspartner (z. B. eine Website, ein Facebook-, Instagram-, Youtubeprofil oder ähnliches):*</p>
                                <div class="form-group">
                                    {!! Form::textarea('sales_partnership_message', null, ['class' => 'form-control '.($errors->has('sales_partnership_message') ? 'error  is-invalid' : ''), 'placeholder'=>__('Wie bist du auf uns aufmerksam geworden?'), 'rows'=>4]) !!}
                                    @if ($errors->has('sales_partnership_message'))
                                        <div class="alert alert-danger error"><!-- DANGER -->
                                            {{ $errors->first('sales_partnership_message') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @endif

                            <div class="col-md-12">
                                <hr>
                            </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' : ''), '']) !!}
                                    <i></i> <span class="fa fa-angle-double-left text-success fa-lg"></span>
                                    {!! trans('register.reg_checked', ['link' => url('datenschutz')]) !!}
                                    .*
                                </label>
                                @if ($errors->has('accepted_data_protection'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('accepted_data_protection') }}
                                    </div>
                                @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'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('g-recaptcha-response') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                         <button type="submit" class="btn btn-primary btn-text-500"><i class="fa fa-check"></i> Nachricht senden </button>
                    {!! Form::close() !!}
                </div> <!-- end col -->
                <!-- /FORM -->
                </div>


                <!-- 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(true) }}
                        </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

@section('scripts')
    @if(!$user_shop || $user_shop->id === 22)
        <script>
        $(document).ready(function () {
            $('input[type=radio][name=sales_partnership]').change(function() {
                if (this.value == 'JA') {
                    $('#show_sales_partnership_message').show('slow');
                }
                else if (this.value == 'NEIN') {
                    $('#show_sales_partnership_message').hide('slow');
                }
            });
        });
    </script>
    @endif
@endsection