FEATURE #1525: functional contact form template

This commit is contained in:
peter
2016-04-04 20:41:33 +02:00
parent 753b0cf2e2
commit d0411feebf
4 changed files with 198 additions and 5 deletions
@@ -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