User Order step1
This commit is contained in:
Kevin Adametz
parent
eb55b01b0d
commit
a5db985ae8
90 changed files with 6439 additions and 421 deletions
|
|
@ -11,11 +11,6 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.checkbox.error{
|
||||
color:#b92c28 !important;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
.tp-caption {
|
||||
text-shadow: none;
|
||||
|
|
@ -52,13 +47,30 @@
|
|||
border: 6px solid #bbccab;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.radio, .checkbox {
|
||||
.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 -->
|
||||
|
|
@ -67,99 +79,144 @@
|
|||
<!-- -->
|
||||
<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="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>
|
||||
<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'))
|
||||
<label for="first_name" class="error text-danger small" style="display: block;">{{ $errors->first('first_name') }}</label>
|
||||
<div class="alert alert-danger error"><!-- DANGER -->
|
||||
{{ $errors->first('first_name') }}
|
||||
</div>
|
||||
@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>
|
||||
<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'))
|
||||
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('last_name') }}</label>
|
||||
<div class="alert alert-danger error"><!-- DANGER -->
|
||||
{{ $errors->first('last_name') }}
|
||||
</div>
|
||||
@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>
|
||||
<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'))
|
||||
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('email') }}</label>
|
||||
<div class="alert alert-danger error"><!-- DANGER -->
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<div class="form-group col-md-12">
|
||||
{!! 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'=>__('Deine Nachticht'), 'required']) !!}
|
||||
{!! Form::textarea('message', null, ['class' => 'form-control '.($errors->has('message') ? 'error is-invalid' : ''), 'placeholder'=>__('Deine Nachticht an uns')]) !!}
|
||||
@if ($errors->has('message'))
|
||||
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('message') }}</label>
|
||||
<div class="alert alert-danger error"><!-- DANGER -->
|
||||
{{ $errors->first('message') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12" style="margin-bottom: 8px; margin-top: 10px;">
|
||||
<em class="small">* Pflichtpfelder</em>
|
||||
@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" style="margin-bottom: 8px; margin-top: 8px;">
|
||||
<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' : ''), 'required']) !!}
|
||||
<i></i> <span class="fa fa-angle-double-left text-success fa-lg"></span> Hiermit willige ich in die im Rahmen der <a target="_blank" href="{{ url('datenschutz') }}">Datenschutzerklärung</a>
|
||||
genannte Datenverarbeitung ein.
|
||||
{!! 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'))
|
||||
<label for="accepted_data_protection" class="error text-danger small" style="display: block;">{{ $errors->first('accepted_data_protection') }}</label>
|
||||
<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'))
|
||||
<label for="recaptcha" class="error text-danger small" style="display: block;">{{ $errors->first('g-recaptcha-response') }}</label>
|
||||
@endif
|
||||
<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>
|
||||
|
||||
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary"><i class="fa fa-check"></i> Nachricht senden
|
||||
</button>
|
||||
<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 -->
|
||||
|
|
@ -168,8 +225,6 @@
|
|||
|
||||
<!-- 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>
|
||||
|
|
@ -232,6 +287,21 @@
|
|||
</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
|
||||
Loading…
Add table
Add a link
Reference in a new issue