@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">Durch wen bist Du auf uns aufmerksam geworden (Vertriebspartner, Kunde, Social Media etc.)? Bitte unbedingt einen Namen angeben - das ist wichtig für unsere interne Zuordnung:*</p>
                                <div class="form-group">
                                    {!! Form::textarea('sales_partnership_message', null, ['class' => 'form-control '.($errors->has('sales_partnership_message') ? 'error  is-invalid' : ''), 'placeholder'=>__('Vor- und Name, Website, Facebook-, Instagram-, Youtubeprofil oder ähnliches'), '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:083339461767">0 8333 946 17 67 </a></span>
                        <span class="block"><strong><i class="fa fa-envelope"></i> Email:</strong> <a
                                    href="mailto:info@mivita.care">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