# Szablon: kontakt
# W katalogu
|--src/ → Pliki źródłowe
| |--templates/ → Szablony: katalog główny
| | |--pages/ → Szablony: podstrony
| | | |--kontakt.twig
# HTML
{% extends '../layouts/default.twig' %}
{% set head_title = 'Kontakt' %}
{% set body_class = '' %}
{% block page %}
{% include '../../modules/top/top.twig' %}
<div class="container">
<div class="row">
<div class="col-12 col-lg-3 col-hd-2">
{% include '../../modules/sidebar/sidebar.twig' %}
</div>
<div class="col-12 col-lg-9 col-hd-10">
<div class="titleBar">
<div>
<div class="titleBar__title">Kontakt</div>
</div>
</div>
<div class="page-container">
<div class="page-container">
<form class="formValidation" action="">
<div class="bg bg-grey">
<div class="m-titleBar">
<div>
<div class="titleBar__title">Zadaj nam pytanie</div>
<p>Opisz szczegółowo, w czym możemy Ci pomóc.</p>
</div>
<div></div>
</div>
<div class="form-module form-module__pr">
<div class="input-field input-field__half">
<label for="">Treść pytania</label>
<textarea name="contactText" id="contactText" required></textarea>
</div>
</div>
</div>
<div class="button-sets button-sets__space-between button-sets__pr">
<div></div>
<div class="half order-0 order-md-1">
<button type="submit" class="btn btn-block btn-primary">WYŚLIJ</button>
</div>
</div>
</form>
</div>
</div>
{% include '../components/footer.twig' with { 'container': false } %}
</div>
</div>
</div>
{% endblock %}
{% block pagejs %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js" integrity="sha256-sPB0F50YUDK0otDnsfNHawYmA5M0pjjUf4TvRJkGFrI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/localization/messages_pl.min.js" integrity="sha256-dBjdiP5KbMpHWhMtrAZIL8MU3Rxz09JA+z8VS650njc=" crossorigin="anonymous"></script>
<script>
$('.formValidation').validate({
ignore:":hidden",
highlight: function(element) {
if($(element).is('.dropzone-validation')) {
$(element).parent().addClass('is-error');
} else if($(element).is('.invisible') || $(element).is('select')) {
$(element).parent().addClass('is-error');
} else {
$(element).addClass('is-error');
}
},
unhighlight: function(element) {
if($(element).is('.dropzone-validation')) {
$(element).parent().removeClass('is-error');
} else if($(element).is('.invisible') || $(element).is('select')) {
$(element).parent().removeClass('is-error');
} else {
$(element).removeClass('is-error');
}
},
errorElement: 'div',
errorClass: 'help is-error',
errorPlacement: function(error, element) {
if(element.is('.invisible') || element.is('select')) {
error.insertAfter(element.parent().find('.select2-container'));
} else if (element.is('.dropzone-validation')) {
error.insertAfter(element.parent());
} else if(element.is('input[type="checkbox"]')) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
}
});
</script>
{% endblock %}