FEATURE #1525: functional contact form template
This commit is contained in:
@@ -0,0 +1,67 @@
|
||||
@extendVisitor('defaultLayout')
|
||||
@section('content')
|
||||
<div class="grey-wrapper p-b-0">
|
||||
<div class="row column text-center m-b-25 show-for-large">
|
||||
<h2>Kontakt</h2>
|
||||
</div>
|
||||
<div class="medium-12 large-6 column columns p-lr-0 contact-detail">
|
||||
<div class="column text-right large-12 medium-6 p-lr-0">
|
||||
<h2 class="hide-for-large">Kontakt</h2>
|
||||
<p class="contact-p green-text"><b>{{$page->module_settings->companyName}}</b></p>
|
||||
<p class="contact-p">
|
||||
{!! nl2br($page->module_settings->address) !!}
|
||||
<br>
|
||||
<br>
|
||||
-<br>
|
||||
tel.: {{$page->module_settings->phone}}<br>
|
||||
e-mail: <a href="mailto:{{$page->module_settings->email}}">{{$page->module_settings->email}}</a></p>
|
||||
<br>
|
||||
</div>
|
||||
<iframe class="column large-12 medium-6 p-lr-0" src="https://www.google.cz/maps/place/50°04'29.''N+14°23'34.8''E" style="border:0" allowfullscreen="" frameborder="0" height="250" width="100%"></iframe>
|
||||
</div>
|
||||
<div class="large-6 column green-wrapper p-25" id="contact-form">
|
||||
<div class="column large-12 medium-8 medium-centered p-lr-0 p-lr-50-sm">
|
||||
<h6 class="text-center uppercase m-b-25 bold">Rychlý formulář</h6>
|
||||
<form id="form-{{$page->id}}">
|
||||
{!! csrf_field() !!}
|
||||
<div class="column medium-6">
|
||||
<input class="rounded large" placeholder="jméno a příjmení" name="name" type="text">
|
||||
<input class="rounded large" placeholder="e-mail" name="email" type="text">
|
||||
</div>
|
||||
<div class="column medium-6">
|
||||
<input class="rounded large" placeholder="telefon" name="phone" type="text">
|
||||
<input class="rounded large" placeholder="počet kusů" name="pieces" type="text">
|
||||
</div>
|
||||
<div class="column medium-12">
|
||||
<textarea class="rounded large" placeholder="zpráva" name="message"></textarea>
|
||||
</div>
|
||||
<div class="column medium-4">
|
||||
<input class="rounded large" placeholder="2+5=?" type="text" name="intCaptcha">
|
||||
</div>
|
||||
<div class="column medium-6 right">
|
||||
<a href="#" class="button expanded long secondary rounded" id="formSend">ODESLAT</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$('#formSend').click(function() {
|
||||
this.value = 'Odesílám...';
|
||||
$.ajax({
|
||||
url: "{{route('email.send', ['formId' => $page->id])}}",
|
||||
method: 'post',
|
||||
data: $('#form-{{$page->id}}').serialize()
|
||||
}).done(function(resp) {
|
||||
if(resp.status == true) {
|
||||
alert('Úspešne ste nám odoslali správu. Odpovieme Vám čo najskôr!');
|
||||
window.top.location.reload();
|
||||
} else {
|
||||
alert(resp.message);
|
||||
}
|
||||
this.value="ODESLAT";
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user