Symfony Profiler

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Konso+ - Home{% endblock %}</title>
<link rel="shortcut icon" type="image/x-icon" href="{{asset('app-assets/dist/img/AdminLTELogo.png')}}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link href="{{asset('assets/css/style.css') }}" rel="stylesheet">
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
</head>
<body>
<div class="page-loader">
<div class="spinner"></div>
<img src="{{asset('assets/img/logo.jpg') }}" class="img-fluid">
</div>
<div class="content">
<header class="header bg_blue">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light p-0">
<a class="navbar-brand" href="{{ path('app_front') }}"><img src="{{asset('assets/img/logo.jpg') }}" class="img-fluid"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<form class="form-inline my-2 my-lg-0">
<i class="fa fa-search iconnameleft"></i>
<input class=" inputleft form-control mr-sm-2" id="myInput" type="search" placeholder="{{ pageContent['search'] }}" aria-label="Search">
</form>
<li class="nav-item active px-3">
<a class="nav-link navbar-text " href="{{ path('app_front') }}">{{ pageContent['home'] }} </a>
</li>
{# <li class="nav-item px-3">
<a class="nav-link navbar-text" href="#" data-toggle="modal" data-target="#MarkcomplaintModal">Complaints</a>
</li> #}
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_product_campaign') }}">{{ pageContent['product_campaign'] }}</a>
</li>
<li class="nav-item active px-3">
<a class="nav-link navbar-text " href="{{ path('app_privacy_policy') }}">{{ pageContent['privacy_policy'] }} </a>
</li>
{% if app.request.get('_route') == 'app_front' %}
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_switch_lang',{lang:1,page:1}) }}">
<img src="{{asset('assets/img/usa.png') }}" style="height: 40px;width: 80%;">
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_switch_lang',{lang:2,page:1}) }}">
<img src="{{asset('assets/img/france.png') }}" style="height: 40px;width: 80%;">
</a>
</li>
{% elseif app.request.get('_route') == 'app_product_campaign' %}
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_switch_lang',{lang:1,page:2}) }}">
<img src="{{asset('assets/img/usa.png') }}" style="height: 40px;width: 80%;">
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_switch_lang',{lang:2,page:2}) }}">
<img src="{{asset('assets/img/france.png') }}" style="height: 40px;width: 80%;">
</a>
</li>
{% else %}
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_switch_lang',{lang:1,page:3}) }}">
<img src="{{asset('assets/img/usa.png') }}" style="height: 40px;width: 80%;">
</a>
</li>
<li class="nav-item px-3">
<a class="nav-link navbar-text" href="{{ path('app_switch_lang',{lang:2,page:3}) }}">
<img src="{{asset('assets/img/france.png') }}" style="height: 40px;width: 80%;">
</a>
</li>
{% endif %}
</ul>
</div>
</nav>
</div>
</header>
{% block body %}{% endblock %}
{% block javascripts %}
{% for message in app.flashes('green') %}

<div class="modal fade" id="registerComplaint" tabindex="-1" role="dialog" aria-labelledby="registerComplaintLabel" aria-hidden="true">
<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>
</div>
<div class="modal-body">
<img class=" img-fluid tick-img " src="{{asset('assets/img/tick.jpg')}}" alt="">
<h5 style="text-align: center;" class="pt-3"> {{ message }} </h5>
<div class="row pt-5">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<button type="button" class="btn btn-primary btn-block" data-dismiss="modal" aria-label="Close">{{ pageContent['back'] }}</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{% for message in app.flashes('red') %}

<div class="modal fade" id="registerComplaint" tabindex="-1" role="dialog" aria-labelledby="registerComplaintLabel" aria-hidden="true">
<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>
</div>
<div class="modal-body">
<img class=" img-fluid tick-img " src="{{asset('assets/img/images.png')}}" alt="">
<h5 style="text-align: center;" class="pt-3"> {{ message }} </h5>
<div class="row pt-5">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<button type="button" class="btn btn-primary btn-block" data-dismiss="modal" aria-label="Close">{{ pageContent['back'] }}</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/a12c53d1f0.js" crossorigin="anonymous"></script>
<script>
var x=document.getElementById("demo");
$( document ).ready(function() {
console.log( "document loaded" );
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}
else{
x.innerHTML="Geolocation is not supported by this browser.";
}
});
function showPosition(position){
document.getElementById('lat').value = position.coords.latitude;
document.getElementById('lng').value = position.coords.longitude;
}
</script>
<script>
function GFG_click(clicked) {
console.log(clicked);
document.getElementById('product_id').value = clicked;
}
</script>
<script>
var _URL = window.URL || window.webkitURL;
$("#fileimg").change(function(e) {
var fileimg, img;
if ((fileimg = this.files[0])) {
if (this.files.length < 4){
img = new Image();
img.onload = function() {
};
document.getElementById("imagemessage").innerHTML ="";
} else {
document.getElementById("imagemessage").innerHTML ="You are only allowed to upload a maximum of 4 files";
document.getElementById('fileimg').value = "";
}
img.onerror = function() {
alert( "not a valid fileimg: " + fileimg.type);
};
img.src = _URL.createObjectURL(fileimg);
}
});
</script>
<script type="text/javascript">
var $rows = $('#myUL li');
$('#myInput').keyup(function() {
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
$rows.show().filter(function() {
var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
return !~text.indexOf(val);
}).hide();
// if ($row == 0) {
// document.getElementById("msg").innerHTML = "No matching records found";
// }
});
</script>
<script>
$(document).ready(function(){
var $filterCheckboxes = $('input[type="checkbox"]');
$filterCheckboxes.on('change', function() {
var selectedFilters = {};
$filterCheckboxes.filter(':checked').each(function() {
if (!selectedFilters.hasOwnProperty(this.name)) {
selectedFilters[this.name] = [];
}
selectedFilters[this.name].push(this.value);
// selectedFilters=['3', '2', '1', '4'];
});
console.log(selectedFilters[this.name]);
var urls = "{{ path('app_get_subcategoryall') }}";
var cacheckboxValues_1=selectedFilters[this.name];
// cacheckboxValues_1.push($(this).val());
// let text = cacheckboxValues_1.join();
$.ajax({
type: "POST",
url: urls,
data: {cacheckboxValues:cacheckboxValues_1},
success: function (response) {
var j_data = eval(response);
var show_info='';
for (var i = 0; i < j_data.length; i++)
{
show_info +='<div class="form-check"><input class="form-check-input" type="checkbox" name="subcategory[]" value="'+j_data[i].id+'" id="flexCheckDefault"><label class="form-check-label" for="flexCheckDefault">'+j_data[i].name+'</label></div>';
}
// console.log(show_info);
$('#subcat').html(show_info);
}
});
});
});
</script>
<script >
$(document).ready(function(){
var $filterCheckboxe =$('input[type="checkbox"]');
$filterCheckboxe.on('change', function() {
var selectedFilters = {};
$filterCheckboxe.filter(':checked').each(function() {
if (!selectedFilters.hasOwnProperty(this.name)) {
selectedFilters[this.name] = [];
}
selectedFilters[this.name].push(this.value);
});
console.log(selectedFilters[this.name]);
var urlcat = "{{ path('app_get_subcategoryall') }}";
var cacheckboxValues_1=selectedFilters[this.name];
$.ajax({
type: "POST",
url: urlcat,
data: {cacheckboxValues:cacheckboxValues_1},
success: function (response) {
var j_data = eval(response);
var show_info='';
for (var i = 0; i < j_data.length; i++)
{
show_info +='<div class="form-check"><input class="form-check-input" type="checkbox" name="subcategory[]" value="'+j_data[i].id+'" id="flexCheckDefault"><label class="form-check-label" for="flexCheckDefault">'+j_data[i].name+'</label></div>';
}
console.log(show_info);
$('#subcats').html(show_info);
}
});
});
});
</script>
{% if app.request.get('_route') == 'app_front' %}
<script type="text/javascript">
function get_city(province)
{
// alert(country);
var url = "{{ path('app_get_city') }}";
$.ajax({
type: "POST",
url: url,
data: {province:province},
success: function (response) {
var j_data = eval(response);
var show_info='<option value="" selected="true" disabled="disabled">{{ pageContent['selectcity'] }}</option>';
for (var i = 0; i < j_data.length; i++)
{
show_info +='<option value="'+j_data[i].id+'">'+j_data[i].name+'</option>';
}
$('#city').html(show_info);
}
});
}
</script>

<script>
//Reference:
//https://www.onextrapixel.com/2012/12/10/how-to-create-a-custom-file-input-with-jquery-css3-and-php/
;(function($) {
// Browser supports HTML5 multiple file?
var multipleSupport = typeof $('<input/>')[0].multiple !== 'undefined',
isIE = /msie/i.test( navigator.userAgent );
$.fn.customFile = function() {
return this.each(function() {
var $file = $(this).addClass('custom-file-upload-hidden'), // the original file input
$wrap = $('<div class="file-upload-wrapper">'),
$input = $('<input type="text" class="file-upload-input" placeholder="{{ pageContent['placeholdimage'] }}"/>'),
// Button that will be used in non-IE browsers
$button = $('<button type="button" class="file-upload-button">Upload</button>'),
// Hack for IE
$label = $('<label class="file-upload-button" for="'+ $file[0].id +'">{{ pageContent['placeholdimage'] }}</label>');
// Hide by shifting to the left so we
// can still trigger events
$file.css({
position: 'absolute',
left: '-9999px'
});
$wrap.insertAfter( $file )
.append( $file, $input, ( isIE ? $label : $button ) );
// Prevent focus
$file.attr('tabIndex', -1);
$button.attr('tabIndex', -1);
$button.click(function () {
$file.focus().click(); // Open dialog
});
$file.change(function() {
var files = [], fileArr, filename;
// If multiple is supported then extract
// all filenames from the file array
if ( multipleSupport ) {
fileArr = $file[0].files;
for ( var i = 0, len = fileArr.length; i < len; i++ ) {
files.push( fileArr[i].name );
}
filename = files.join(', ');
// If not supported then just take the value
// and remove the path to just show the filename
} else {
filename = $file.val().split('\\').pop();
}
$input.val( filename ) // Set the value
.attr('title', filename) // Show filename in title tootlip
.focus(); // Regain focus
});
$input.on({
blur: function() { $file.trigger('blur'); },
keydown: function( e ) {
if ( e.which === 13 ) { // Enter
if ( !isIE ) { $file.trigger('click'); }
} else if ( e.which === 8 || e.which === 46 ) { // Backspace & Del
// On some browsers the value is read-only
// with this trick we remove the old input and add
// a clean clone with all the original events attached
$file.replaceWith( $file = $file.clone( true ) );
$file.trigger('change');
$input.val('');
} else if ( e.which === 9 ){ // TAB
return;
} else { // All other keys
return false;
}
}
});
});
};
// Old browser fallback
if ( !multipleSupport ) {
$( document ).on('change', 'input.customfile', function() {
var $this = $(this),
// Create a unique ID so we
// can attach the label to the input
uniqId = 'customfile_'+ (new Date()).getTime(),
$wrap = $this.parent(),
// Filter empty input
$inputs = $wrap.siblings().find('.file-upload-input')
.filter(function(){ return !this.value }),
$file = $('<input type="file" id="'+ uniqId +'" name="'+ $this.attr('name') +'"/>');
// 1ms timeout so it runs after all other events
// that modify the value have triggered
setTimeout(function() {
// Add a new input
if ( $this.val() ) {
// Check for empty fields to prevent
// creating new inputs when changing files
if ( !$inputs.length ) {
$wrap.after( $file );
$file.customFile();
}
// Remove and reorganize inputs
} else {
$inputs.parent().remove();
// Move the input so it's always last on the list
$wrap.appendTo( $wrap.parent() );
$wrap.find('input').focus();
}
}, 1);
});
}
}(jQuery));
$('input[type=file]').customFile();
</script>
{% endif %}

<script>
$(window).on('load',function(){
setTimeout(function(){ // allowing 3 secs to fade out loader
$('.page-loader').hide(6000);
$(".content").show(6000);
});
});
$('.page-loader').show('6000');
</script>
<script>
$(document).ready(function(){
setTimeout(function() {
$("#registerComplaint").modal('show');
}, 6001);
});
</script>
{% endblock %}
</body>
</html>

templates/front.html.twig line 1