<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<title>{% block title %}IPAPD{% endblock %}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimal-ui">
<meta name="description"
content="Vuexy admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities.">
<meta name="keywords"
content="admin template, Vuexy admin template, dashboard template, flat admin template, responsive admin template, web app">
<meta name="author" content="PIXINVENT">
<title>Dashboard analytics - Vuexy - Bootstrap HTML admin template</title>
<link rel="apple-touch-icon" href="{{ asset('uploads/logo/logo_tunisia-1.png') }}">
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('uploads/logo/logo_tunisia-1.png') }}">
{% block stylesheets %}
<!-- Stylesheets ============================================= -->
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Roboto:300,400,500,700|Rubik:400,600&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="{{ asset('front/css/bootstrap.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/style.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/css/dark.css') }}" type="text/css"/>
<!-- Real Estate Demo Specific Stylesheet -->
<link rel="stylesheet" href="{{ asset('front/demos/real-estate/real-estate.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/demos/real-estate/css/font-icons.css') }}" type="text/css"/>
<!-- / -->
<link rel="stylesheet" href="{{ asset('front/css/font-icons.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/css/animate.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/css/magnific-popup.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/demos/real-estate/fonts.css') }}" type="text/css"/>
<!-- Bootstrap Select CSS -->
<link rel="stylesheet" href="{{ asset('front/css/components/bs-select.css') }}" type="text/css"/>
<!-- Bootstrap Switch CSS -->
<link rel="stylesheet" href="{{ asset('front/css/components/bs-switches.css') }}" type="text/css"/>
<!-- Range Slider CSS -->
<link rel="stylesheet" href="{{ asset('front/css/components/ion.rangeslider.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('front/css/custom.css') }}" type="text/css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="{{ asset('front/css/colors.php?color=2C3E50') }}" type="text/css"/>
{% if app.request.locale == 'ar' %}
<link rel="stylesheet" href="{{ asset('front/css/maps/rtl.css') }}" type="text/css"/>
{% endif %}
{% endblock %}
</head>
<body class="stretched side-push-panel">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Top Bar
============================================= -->
{% include('__front/toolbar.html.twig') %}
<!-- Header
============================================= -->
{% include('__front/header.html.twig') %}
{% block body %} {% endblock %}
<!-- Footer
============================================= -->
{% include('__front/footer.html.twig') %}
<!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
{% block javascripts %}
<!-- JavaScripts
============================================= -->
<script src="{{ asset('front/js/jquery.js') }}"></script>
<script src="{{ asset('front/js/plugins.min.js') }}"></script>
<!--<script src="https://maps.google.com/maps/api/js?key=YOUR-API-KEY"></script>-->
<!-- Bootstrap Select Plugin -->
<script src="{{ asset('front/js/components/bs-select.js') }}"></script>
<!-- Bootstrap Switch Plugin -->
<script src="{{ asset('front/js/components/bs-switches.js') }}"></script>
<!-- Range Slider Plugin -->
<script src="{{ asset('front/js/components/rangeslider.min.js') }}"></script>
<!-- Footer Scripts ============================================= -->
<script src="{{ asset('front/js/functions.js') }}"></script>
<script>
try {
let yearNow = new Date().getFullYear();
$.ajax(
{
type: "GET",
dataType: "json",
url: '/api/projet/budget/min_max',
success: function (response) {
if (response) {
$(".price-range-slider").ionRangeSlider({
type: "double",
prefix: "",
min: response.max_budget ?? 0,
max: response.max_budget ?? 0,
from: response.max_budget ?? 0,
to: response.max_budget ?? 0,
max_postfix: "+"
});
$(".year-range-slider").ionRangeSlider({
type: "double",
min: response.min_date ?? 0,
max: response.max_date ?? 0,
from: response.min_date ?? 0,
to: response.max_date ?? 0,
postfix: " ",
max_postfix: "+"
});
}
},
errors: function (errors) {
console.log(errors);
$(".price-range-slider").ionRangeSlider({
type: "double",
prefix: "",
min: 100,
max: 1000000000,
from: 100,
to: 1000000000,
max_postfix: "+"
});
$(".year-range-slider").ionRangeSlider({
type: "double",
min: 1999,
max: yearNow,
from: 1999,
to: yearNow,
postfix: " ",
max_postfix: "+"
});
}
});
}
catch (e) {
console.log(e);
$(".price-range-slider").ionRangeSlider({
type: "double",
prefix: "",
min: 100,
max: 1000000000,
from: 100,
to: 1000000000,
max_postfix: "+"
});
$(".year-range-slider").ionRangeSlider({
type: "double",
min: 1999,
max: yearNow,
from: 1999,
to: yearNow,
postfix: " ",
max_postfix: "+"
});
}
jQuery(document).ready(function () {
$(".area-range-slider").ionRangeSlider({
type: "double",
min: 50,
max: 20000,
from: 50,
to: 20000,
postfix: " sqm.",
max_postfix: "+"
});
jQuery(".bt-switch").bootstrapSwitch();
});
</script>
{% endblock %}
</body>
</html>