{% use "public/component/_auth_modal.html.twig" %}
{% set currentRoute = app.request.get('_route') %}
<!DOCTYPE HTML>
<html lang="fr">
<head>
<!--=============== basic ===============-->
<meta charset="UTF-8">
<title>{% block title %}Je prie pour Madagascar{% endblock %}</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="robots" content="index, follow"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
{% block meta %}{% endblock %}
<!--=============== css ===============-->
{{ include('public/component/_vendor_css.html.twig') }}
{% block pageCSS %}
{% endblock %}
<!--=============== favicons ===============-->
<link rel="shortcut icon" href="{{ asset('images/icon.png') }}">
</head>
<body>
<div id="google_translate_element"></div>
<!--loader-->
{{ include('public/component/_loader.html.twig') }}
<!--loader end-->
<!-- main start -->
<div id="{% block mainId %}{{ mainId | default('main') }}{% endblock %}">
<!-- header -->
{% block mainHeader %}
{{ include('public/component/_main_header_content.html.twig') }}
{% endblock %}
<!-- header end-->
<!-- wrapper-->
<div id="{% block wrapperId %}{{ wrapperId | default('wrapper') }}{% endblock %}">
{% block wrapper %}
<!-- content-->
<div class="{% block contentClass %}{{ contentClass | default('content') }}{% endblock %}">
{% block content %}
{% endblock %}
</div>
<!--content end-->
{% endblock %}
</div>
<!-- wrapper end-->
<!--footer -->
{% block footer %}
{{ include('public/component/_sub_footer.html.twig') }}
{{ include('public/component/_footer.html.twig') }}
{% endblock %}
<!--footer end -->
{% block modal %}
{{ parent() }}
{{ include('public/component/_map_modal.html.twig') }}
{% endblock %}
<!--modal end -->
<a class="to-top"><i class="fas fa-caret-up"></i></a>
</div>
<!-- Main end -->
<!--=============== scripts ===============-->
<script>
window.functions = {};
</script>
<script src="{{ asset('townhub/js/jquery.min.js') }}"></script>
<script src="{{ asset('townhub/js/plugins.js') }}"></script>
<script src="{{ asset('townhub/js/scripts.js') }}"></script>
<script src="{{ asset('app-assets/vendors/js/extensions/sweetalert2.all.min.js') }} "></script>
<script>
window.functions.sendPraying = sendPraying = (args) => {
let $element = $(args.element);
let url = args.url ? args.url : null;
let dataMethod = args.method ? args.method : 'POST';
if (url) {
Swal.fire({
text: "Veuillez confirmer votre engagement!",
//icon: 'warning',
imageUrl: "../../../assets/images/logo.png",
imageSize: '50x50',
showCancelButton: true,
confirmButtonColor: '#76d9a0',
confirmButtonText: 'Confirmer',
cancelButtonText: 'Annuler',
}).then(function (result) {
if (result.isConfirmed) {
$.ajax({
url: url,
type: dataMethod,
success: function (result) {
// Si la requete a ete executer avec success
if (result.statut) { // Si la suppression a ete effectuer avec success
// Get requested calendars as Array
Swal.fire({
icon: 'success',
}).then(function (confirm) { // Si swal confirmer
let prayingLengthElement = $element.parent('.geodir-category-img').find('.prayings-length');
let prayingLength = parseInt(prayingLengthElement.html());
prayingLengthElement.html(prayingLength + 1)
$element.remove();
location.reload();
});
} else {
}
},
error: function (error) {
}
});
}
});
}
}
</script>
<script>
function callbackForGoogleMaps() {
autoCompleteInputCity();
}
function autoCompleteInputCity() {
$('.search-form-autocomplete-input-city').each(function (index, element) {
const autocomplete = new google.maps.places.Autocomplete(element);
google.maps.event.addListener(autocomplete, 'place_changed', function () {
const place = this.getPlace();
let administrative_area_level_2, locality, name = place.name;
for (let i in place.address_components) {
let component = place.address_components[i];
for (let j in component.types) { // Some types are ["country", "political"]
if (component.types[j] === "administrative_area_level_2") {
administrative_area_level_2 = component.long_name;
} else if (component.types[j] === "locality") {
locality = component.long_name;
}
}
}
element.value = administrative_area_level_2 ? administrative_area_level_2 : (locality ? locality : name);
});
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key={{ googlemap_apikey }}&libraries=places&language=en&callback=callbackForGoogleMaps"></script>
<script type="text/javascript" src="{{ asset('townhub/plugins/jquery-validation/jquery.validate.js') }}"></script>
<script type="text/javascript"
src="{{ asset('townhub/plugins/jquery-validation/localization/messages_fr.js') }}"></script>
<script>
$.validator.setDefaults({
errorElement: "span",
errorPlacement: function (error, element) {
// Add the `invalid-feedback` class to the error element
error.addClass("invalid-feedback");
if (element.prop("type") === "checkbox") {
error.insertAfter(element.next("label"));
} else {
error.insertAfter(element);
}
},
highlight: function (element, errorClass, validClass) {
$(element).addClass("error").removeClass("valid");
},
unhighlight: function (element, errorClass, validClass) {
$(element).addClass("valid").removeClass("error");
}
});
</script>
{% block customJS %}
{{ parent() }}
{% endblock %}
{% block pageJS %}
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
{% endblock %}
</body>
</html>