Symfony Profiler

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<Meta name=" robots" content="index, follow" />
<meta name="theme-color" content="#8fbec0"/>
<link rel="apple-touch-icon" href="{{asset('assets/icons/192.png')}}">

<title> {% block title %}{{ 'Welcome'|trans }}!{% endblock %} | All the mosque of sharjah !</title>
<link rel="manifest" href="/manifest.json">
<meta name="title" content="As salam aleykum! | Find all the masjids of sharjah listed here !">
{% set routeParams = app.request.attributes.get('_route_params') %}
{% set pageParam = app.request.query.get('page') %}
{% if pageParam is not null %}
{% set routeParams = routeParams|merge({'page': pageParam}) %}
{% endif %}
<link rel="canonical" href="{{ url(app.request.attributes.get('_route'), routeParams) }}" />

<script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=G-K36ER9CF16"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-K36ER9CF16');
</script>
{% block headplus %}
{% block meta_description %}<meta name="description" content="The purpose of this site is to list, as much as possible, the mosques of the emirate of Sharjah and why not subsequently expand the collection of images and information on mosques in other Emirates and or Countries.">{% endblock %}
{% endblock %}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<style type="text/css">
.btn-nearest {
background-color: #5aa3a6;
border-color: #5aa3a6;
color: #fff !important;
}
/*#nearest{display:none}*/
@media (max-width: 767px)
{
.navigation .dl-menuwrapper>ul {
background-color: #000;
display: block;
right: 0%;
}
}
.donate_gateway
{
width: 50%;
margin: auto;
}
.form_errors {
color: red;
float: left;
}
.payment-message{
font-size: 23px;
color: black;
padding: 19px;
}
.payment-message a{
font-size: 23px;
color: #007176;
padding: 5px;
font-weight: bold;
}
.hidden {
display: none !important;
}
#installContainer {
position: relative;
bottom: 1em;
display: flex;
/*justify-content: center;*/
/*width: 100%;*/
}
#installContainer button {
background-color: inherit;
border: 1px solid black;
color: black;
font-size: 1em;
padding: 0.75em;
}
</style>
{% endblock %}
</head>
<body>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">{{'modal.new.message'|trans}}</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">{{'modal.Name'|trans}} <a class="link"><span class="title"></span></a></label>
<a class="link"> <img id="img" src=""></a>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{"modal.Close"|trans}}</button>
</div>
</div>
</div>
</div>
<div class="wraper">
{{ render(controller("App\\Controller\\Front\\MainController::header") )}}
{% include 'Main/navigation2.html.twig' %}
</header>
{% block body %}{% endblock %}
{{ render(controller("App\\Controller\\Front\\MainController::newsletter") )}}
{{ render(controller("App\\Controller\\Front\\MainController::footer") )}}
</div>
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
<script src="{{asset('js/jquery.js')}}"></script>
<script src="{{asset('js/bootstrap.min.js')}}"></script>
<script src="{{asset('js/slick.min.js')}}"></script>
<script src="{{asset('js/wow.min.js')}}"></script>
<script src="{{asset('js/jquery.bxslider.min.js')}}"></script>
<script src="{{asset('js/jQuery-plugin-progressbar.js')}}"></script>
<script src="{{asset('js/chosen.jquery.min.js')}}"></script>
<script src="{{asset('js/modernizr.custom.js')}}"></script>
<script src="{{asset('js/jquery.dlmenu.js')}}"></script>
<script src="{{asset('js/jquery.prettyphoto.js')}}"></script>
<script src="{{asset('js/jquery.downCount.js')}}"></script>
<script src="{{asset('js/waypoints-min.js')}}"></script>
<script src="{{asset('js/custom.js')}}"></script>

<script type="text/javascript">
/*$(document).ready(function(){
$(".price-input").click(function () {
id = $( this ).attr("id");
$('.label-price').each(function(i, obj) {
if(obj.id != "label-"+id){
console.log(obj.id +" vs label-"+id);
$("#"+obj.id).removeClass('label-selected');
}
else{
console.log("ccc " +obj.id);
$("#"+obj.id).addClass('label-selected');
}
});
});
// Create an instance of the Stripe object with your publishable API key
var stripe = Stripe("pk_live_51DFI2eD7hFI8GRlVmwTRhTJoaPIundae32cpopeCDKoP9thZJMC85RnLxakrLjq6fSM86hGn7C5LWiiW087DW9OG00POegwEDE");
var checkoutButton = document.getElementById("checkout-button");
checkoutButton.addEventListener("click", function (e) {
e.preventDefault();
//const params = new URLSearchParams([...new FormData(e.target).entries()]);
var form = document.getElementById("donate_form"),
myData = new FormData(form);
fetch("{{path('donate')}}", {
method: "POST",
body:myData
})
.then(function (response) {
//console.log(response);
return response.json();
})
.then(function (session) {
console.log(session);
if(session['code'] == 400){
document.getElementById("price").innerHTML = "" ;
document.getElementById("other").innerHTML = "" ;
document.getElementById("name").innerHTML = "" ;
document.getElementById("email").innerHTML = "" ;
// document.getElementById("gateway").innerHTML = "" ;
for (const [key, value] of Object.entries(session['errors'])) {
document.getElementById(key).innerHTML = value ;
}
}
else {
return stripe.redirectToCheckout({ sessionId: session.id });
}
})
.then(function (result) {
// If redirectToCheckout fails due to a browser or network
// error, you should display the localized error message to your
// customer using error.message.
if (result.error) {
alert(result.error.message);
}
})
.catch(function (error) {
console.error("Error:", error);
});
});
});*/
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js?v=1').then(function(registration) {
console.log('ServiceWorker registration successful with scope:', registration.scope);
}).catch(function(error) {
console.warn('ServiceWorker registration failed:', error);
});
}
if ("geolocation" in navigator){ //check geolocation available
//try to get user current location using getCurrentPosition() method
console.log('user accepted geolocation')
function success(position) {
console.log('geolocation succeed')
$("#nearest").show();
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var elev = "333";
var apiUrl ="https://api.aladhan.com/v1/timings/1398332113?latitude="+latitude+"&longitude="+longitude+"&method=8"
//var apiUrl = "https://api.pray.zone/v2/times/today.json?longitude="+longitude+"&latitude="+latitude+"&elevation="+elev+"&timeformat=0";
callApi(apiUrl);
$('#exampleModal').on('show.bs.modal', function (event) {
console.log('js triggered');
var button = $(event.relatedTarget) // Button that triggered the modal
var url_find_nearest = "{{path('findNearestToClientLocation',{'lat':'lat','lng':'lng'})}}";
url_find_nearest = url_find_nearest.replace("lat", latitude);
url_find_nearest = url_find_nearest.replace("lng", longitude);
var modal = $(this)
$.ajax({
type: "POST",
url: url_find_nearest,
crossDomain: true,
cache: false,
success: function(data) {
console.log('ajax geolocation succeed')
var imageSrc = "https://sharjah-masjids.com/media/cache/list/"+data[0]['mainPic'];
var link = "{{path('masjid_show',{'slug':'slug'})}}"
link = link.replace('slug', data[0]['slug'])
console.log(link);
//window.location.replace(link);
modal.find('.modal-title').text(data[0]['name']['{{app.request.locale}}']['name'])
modal.find('.title').text(data[0]['name']['{{app.request.locale}}']['name'])
modal.find('#img').attr('src', imageSrc);
modal.find('.link').attr('href', link);
},
error: function(error){
console.log("error ajax geolocation");
}
});
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
})
}
function error(err) {
$("#nearest").hide();
console.log('geolocation failed depiste user allow geolocation', err.code, err.message);
var apiUrl ="https://api.aladhan.com/v1/timingsByCity?city="+city+"&country="+country+"&method=8"
//var apiUrl = "https://api.pray.zone/v2/times/today.json?city="+city+"";
callApi(apiUrl);
}
navigator.geolocation.getCurrentPosition(success, error, {
enableHighAccuracy: true,
timeout: 10000, // 10 secondes
maximumAge: 0
});
}else{
console.log('geolocation refused')
var apiUrl =" https://api.aladhan.com/v1/timingsByCity?city="+city+"&country="+country+"&method=8"
}
function callApi(url){
$.ajax({
type: "GET",
url: url,
crossDomain: true,
cache: false,
success: function(data) {
$("#fajr").text(data['data']["timings"]["Fajr"])
$("#dhor").text(data['data']["timings"]["Dhuhr"])
$("#asr").text(data['data']["timings"]["Asr"])
$("#maghreb").text(data['data']["timings"]["Maghrib"])
$("#icha").text(data['data']["timings"]["Isha"])
},
error: function(error){
console.log("error");
}
});
}
</script>
{% endblock %}
</body>
</html>

templates/base.html.twig line 131