@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;
        }
        .radio, .checkbox {
            font-size: 14px;
            line-height: 1.3em;
        }
         .checkbox i {
             top:1px;
         }

        .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;
        }
    </style>

    <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>{{ trans('register.reg_hl') }}</h1>

                    <p>{{ trans('register.reg_line_1') }}</p>

                    <div class="box-static box-transparent box-bordered padding-20">

                    {!! Form::open(['url' => '/registrierung']) !!}
                        @if(isset($from_member_id))
                            {!! Form::hidden('from_member_id', $from_member_id) !!}
                        @endif
                        <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('salutation', __('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="col-md-12"> <hr> </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('email-confirm', __('Confirm E-Mail Address').'*') !!}
                                {!! Form::email('email-confirm', '', ['class' => 'form-control '.($errors->has('email-confirm') ? 'error is-invalid' : ''), 'placeholder'=>__('Confirm E-Mail Address'), '']) !!}
                                @if ($errors->has('email-confirm'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('email-confirm') }}
                                    </div>
                                @endif
                            </div>

                            <div class="col-md-12"> <hr> </div>


                            <div class="form-group col-md-12">
                                {!! Form::label('password', __('Password').'*') !!}
                                {!! Form::password('password', ['class' => 'form-control '.($errors->has('password') ? 'error is-invalid' : ''), 'placeholder'=>__('Password'), '']) !!}
                                @if ($errors->has('password'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('password') }}
                                    </div>
                                @endif
                            </div>
                            <div class="form-group col-md-12">
                                {!! Form::label('password_confirmation', __('Confirm Password').'*') !!}
                                {!! Form::password('password_confirmation', ['class' => 'form-control '.($errors->has('password_confirmation') ? 'error is-invalid' : ''), 'placeholder'=>__('Confirm Password'), '']) !!}
                                @if ($errors->has('password_confirmation'))
                                    <div class="alert alert-danger error"><!-- DANGER -->
                                        {{ $errors->first('password_confirmation') }}
                                    </div>
                                @endif
                            </div>


                            <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> jetzt registrieren</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 17 67">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>
            </div>
        </div>
    </section>
    <!-- / -->



@endsection