{# Symfony Version 5.4 #}
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="it">
<head>
<meta contentType="text/html" />
<meta charset="UTF-8" />
<meta http-equiv="content-language" content="it">
<meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Filoscafo - {% block title %}Homepage{% endblock %}</title>
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" />
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="{{ asset ('css/bootstrap.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/style.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/dark.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/font-icons.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/animate.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/magnific-popup.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/calendar.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/components/timepicker.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/components/datepicker.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/components/daterangepicker.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/components/bs-switches.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/components/bs-filestyle.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/richtext.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/personal_2024_04_04/classes.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/personal_2024_04_04/custom.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset ('css/personal_2024_04_04/themeOverride.css') }}" />
{# Colors #}
{# Primary: #333 #}
{# Secondary: #777 #}
{# Tertiary: #ddd #}
{% block printStylesheet %}{% endblock %}
{% block revoSliderCss %}{% endblock %}
{% endblock %}
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
{% block recaptcha %}{% endblock %}
</head>
<body id="body" class="stretched">
{% set menuExternal = true %}
{% if (app.request.attributes.get('_route') matches '{^dealer_*}') or (app.request.attributes.get('_route') matches '{^agency_*}') or (app.request.attributes.get('_route') matches '{^user_*}') or (app.request.attributes.get('_route') matches '{^admin_*}') %}
{% set menuExternal = false %}
{% endif %}
{% for flash_message in app.session.flashbag.get('notice_success') %}
<div class="alert alert-dismissible alert-success notice">
<i class="icon-thumbs-up"></i><strong>{% trans from "website" %}base_flash_msg_01{% endtrans %} </strong> {{ flash_message|raw }}
<button type="button" class="btn-close btn-sm" data-bs-dismiss="alert" aria-hidden="true"></button>
</div>
{% endfor %}
{% for flash_message in app.session.flashbag.get('notice_info') %}
<div class="alert alert-dismissible alert-info notice">
<i class="icon-warning-sign"></i><strong>{% trans from "website" %}base_flash_msg_02{% endtrans %} </strong> {{ flash_message|raw }}
<button type="button" class="btn-close btn-sm" data-bs-dismiss="alert" aria-hidden="true"></button>
</div>
{% endfor %}
{% for flash_message in app.session.flashbag.get('notice_warning') %}
<div class="alert alert-dismissible alert-warning notice">
<i class="icon-warning-sign"></i><strong>{% trans from "website" %}base_flash_msg_03{% endtrans %}</strong> {{ flash_message|raw }}
<button type="button" class="btn-close btn-sm" data-bs-dismiss="alert" aria-hidden="true"></button>
</div>
{% endfor %}
{% for flash_message in app.session.flashbag.get('notice_danger') %}
<div class="alert alert-dismissible alert-danger notice">
<i class="icon-remove"></i><strong>{% trans from "website" %}base_flash_msg_04{% endtrans %}</strong> {{ flash_message|raw }}
<button type="button" class="btn-close btn-sm" data-bs-dismiss="alert" aria-hidden="true"></button>
</div>
{% endfor %}
{# Cookie Modal #}
<div id="modalCookie" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header"><h4 class="modal-title text-uppercase txt_a_c">{% trans from "website" %}cookie_modal_01{% endtrans %}</h4></div>
<div class="modal-body">
<div class="row">
<div class="col-12 switch">
<label>{% trans from "website" %}cookie_modal_02{% endtrans %}</label>
<p class="font_14 m_b_10p txt_a_j">{% trans from "website" %}cookie_modal_03{% endtrans %} <a href='{{ path ("cookies" ) }}'>{% trans from "website" %}cookie_modal_04{% endtrans %}</a> {% trans from "website" %}cookie_modal_05{% endtrans %}</p>
<label>{% trans from "website" %}cookie_modal_06{% endtrans %}</label>
<div class="toggle toggle-border bg_f8 m_b_5p">
<div class="toggle-header font_12">
<div class="toggle-icon"><i class="toggle-closed icon-plus"></i><i class="toggle-open icon-minus"></i></div>
<div class="toggle-title">{% trans from "website" %}cookie_modal_07{% endtrans %}<span class="f_right color_888">{% trans from "website" %}cookie_modal_08{% endtrans %}</span></div>
</div>
<div class="toggle-content font_12 txt_a_j">{% trans from "website" %}cookie_modal_09{% endtrans %}</div>
</div>
<div class="toggle toggle-border bg_f8 m_b_5p">
<div class="toggle-header font_12">
<div class="toggle-icon"><i class="toggle-closed icon-plus"></i><i class="toggle-open icon-minus"></i></div>
<div class="toggle-title">{% trans from "website" %}cookie_modal_10{% endtrans %}</div>
</div>
<div class="toggle-content font_12 txt_a_j">{% trans from "website" %}cookie_modal_11{% endtrans %}</div>
</div>
</div>
</div>
</div>
<div class="modal-footer txt_a_c" style="display: flow-root">
<a href="{{ path ('cookie_accept') }}" class="button button-3d button-mini button-green" style="width: 100%">{% trans from "website" %}cookie_modal_12{% endtrans %}</a>
<a href="{{ path ('cookie_deny') }}" class="button button-3d button-mini button-red" style="width: 100%">{% trans from "website" %}cookie_modal_13{% endtrans %}</a>
</div>
</div>
</div>
</div>
{% block body %}
{% block headJavascripts %}{% endblock %}
<div id="wrapper" class="clearfix">
<div id="divContent">
{# HEADER #}
{% block header %}
<header id="header" class="full-header dark header-size-sm hide_print" style="max-height: 60px">
<div id="header-wrap" class="bg_pr" style="z-index: 10; min-height: 60px">
<div class="container">
<div class="header-row">
{% if app.user is null %}
{% set homePath = "homepage" %}
{% elseif is_granted('ROLE_ADMIN') %}
{% set homePath = "admin_index" %}
{% elseif is_granted('ROLE_USER') %}
{% set homePath = "user_index" %}
{% endif %}
<div id="logo">
<a href="{{ path (homePath) }}" class="standard-logo" data-dark-logo="{{ asset (asset_graphics ~ '/logo.png') }}"><img src="{{ asset (asset_graphics ~ '/logo.png') }}" alt="Filoscafo" style="padding: 5px"></a>
</div>
<div id="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100"><path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path><path d="m 30,50 h 40"></path><path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path></svg>
</div>
<nav class="primary-menu" {#% if menuExternal %}class="with-arrows clearfix"{% endif %#}>
<ul class="menu-container">
{% block firstAccess %}
{% if app.user != null and app.user.role == 'ROLE_USER' and app.request.attributes.get('_route') matches '{^agency_*}' %}
<li class="menu-item">
{% if agency is defined and agency.canReserve %}
<a class="menu-link" href="{{ path ('agency_holidays', {'agencyId':agency.id}) }}"><div>{% trans from "website" %}base_menu_13{% endtrans %}</div></a></li>
{% else %}
<a class="menu-link" href="javascript: void(0)" data-bs-toggle="tooltip" title="{% trans from "website" %}base_menu_14{% endtrans %}"><div>{% trans from "website" %}base_menu_13{% endtrans %}</div></a></li>
{% endif %}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
{% endif %}
{% endblock %}
{% block menu %}
<li class="menu-item"><a class="menu-link" href="{{ path ('homepage') }}"><div>{% trans from "website" %}base_menu_01{% endtrans %}</div></a></li>
{#<li class="menu-item"><a class="menu-link" href="{{ path ('who') }}"><div>{% trans from "website" %}base_menu_02{% endtrans %}</div></a></li>#}
{#<li class="menu-item"><a class="menu-link" href="{{ path ('bases') }}"><div>{% trans from "website" %}base_menu_03{% endtrans %}</div></a></li>#}
{#<li class="menu-item"><a class="menu-link" href="{{ path ('boats') }}"><div>{% trans from "website" %}base_menu_04{% endtrans %}</div></a></li>#}
{#<li class="menu-item"><a class="menu-link" href="{{ path ('contacts') }}"><div>{% trans from "website" %}base_menu_05{% endtrans %}</div></a></li>#}
{% if app.user != null and app.user.role == 'ROLE_USER' and agency.isFirstAccess == false %}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
<li class="menu-item"><a class="menu-link" href="{{ path ('agency_holidays', {'agencyId':agency.id}) }}"><div>{% trans from "website" %}base_menu_06{% endtrans %}</div></a></li>
{% endif %}
{% endblock %}
{% if app.user == null %}
{# NOT LOGGED #}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
<li class="menu-item"><a class="menu-link" href="{{ path ('homepage') }}"><div>{% trans from "website" %}base_menu_07{% endtrans %}</div></a></li>
{% else %}
{# LOGGED #}
{% if app.user.role == 'ROLE_ADMIN' %}
{# ADMINISTRATOR #}
{% if app.request.attributes.get('_route') matches '{^admin_*}' %}
{# ADMIN #}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
<li class="menu-item"><a class="menu-link" href="{{ path ('logout') }}"><div>{% trans from "website" %}base_menu_10{% endtrans %}</div></a></li>
{% else %}
{# EXTERNAL #}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
<li class="menu-item"><a class="menu-link" href="{{ path ('admin_index') }}"><div>{% trans from "website" %}base_menu_11{% endtrans %}</div></a></li>
{% endif %}
{% elseif app.user.role == 'ROLE_USER' %}
{# USER #}
{% if app.request.attributes.get('_route') matches '{^dealer_*}' or app.request.attributes.get('_route') matches '{^agency_*}' %}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
{% endif %}
{% if app.request.attributes.get('_route') matches '{^dealer_*}' or app.request.attributes.get('_route') matches '{^agency_*}' or app.request.attributes.get('_route') matches '{^user_*}' %}
<li class="menu-item">
<a class="menu-link" href="javascript: void(0)">{% if app.request.attributes.get('_route') matches '{^dealer_*}' %}{{ dealer }}{% elseif app.request.attributes.get('_route') matches '{^agency_*}' %}{{ agency }}{% elseif app.request.attributes.get('_route') matches '{^user_*}' %}{{ app.user }}{% endif %}</a>
<ul class="sub-menu-container bg_pr">
{% if 'user_select' in app.request.attributes.get('_route') %}
{% else %}
<li class="menu-item"><a class="menu-link" href="{{ path ('user_select') }}"><div>{% trans from "website" %}base_menu_09{% endtrans %}</div></a></li>
{% endif %}
<li class="menu-item"><a class="menu-link" href="{{ path ('logout') }}"><div>{% trans from "website" %}base_menu_10{% endtrans %}</div></a></li>
</ul>
</li>
{% else %}
{# EXTERNAL #}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
<li class="menu-item"><a class="menu-link" href="{{ path ('user_select') }}"><div>{% trans from "website" %}base_menu_12{% endtrans %}</div></a></li>
{% endif %}
{% endif %}
{% endif %}
<li class="menu-item"><a class="menu-link menu_separator" href="javascript: void(0)"><div></div></a></li>
{% if app.request.locale == "it" %}
<li class="menu-item">
<a class="menu-link" href="{{ path (app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'it'})) }}"><img width="20" src="{{ asset (asset_graphics ~ '/flags/it.png') }}" alt="Italiano"></a>
<ul class="sub-menu-container bg_pr">
<li class="menu-item"><a class="menu-link color_w" href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'en'})) }}"><img width="20" class="m_r_5p" src="{{ asset(asset_graphics ~ '/flags/en.png') }}" alt="English">English</a></li>
</ul>
</li>
{% endif %}
{% if app.request.locale == "en" %}
<li class="menu-item">
<a class="menu-link" href="{{ path (app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'en'})) }}"><img width="20" src="{{ asset (asset_graphics ~ '/flags/en.png') }}" alt="English"></a>
<ul class="sub-menu-container bg_pr">
<li class="menu-item"><a class="menu-link color_w" href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'it'})) }}"><img width="20" class="m_r_5p" src="{{ asset(asset_graphics ~ '/flags/it.png') }}" alt="Italiano">Italiano</a></li>
</ul>
</li>
{% endif %}
</ul>
</nav>
</div>
</div>
</div>
<div class="header-wrap-clone" style="max-height: 2px"></div>
</header>
{% endblock %}
{% block pageTitle %}
{% if menuExternal == false %}
<section id="page-title" class="page-title-dark hide_print">
<div class="container">
<h1>{% block pageTitleH1 %}{% trans from "website" %}base_page_title_01{% endtrans %}{% endblock %}</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="javascript:void(0)">
{% if app.request.attributes.get('_route') matches '{^admin_*}' %}
{% trans from "website" %}base_page_title_02{% endtrans %}
{% else %}
{% if app.request.attributes.get('_route') matches '{^dealer_*}' %}
{% trans from "website" %}base_page_title_03{% endtrans %}
{% elseif app.request.attributes.get('_route') matches '{^agency_*}' %}
{{ agency.name }}
{% endif %}
{% endif %}
</a>
</li>
{% block pageTitleBreadcrumb %}
{% endblock %}
</ol>
</div>
</section>
{% endif %}
{% endblock %}
{% block subMenu %}
{% if menuExternal == false %}
<section>
<nav class="navbar navbar-expand-lg navbar-dark bg_pr hide_print">
<div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto">
{% block subMenuLeft %}
{% endblock %}
</ul>
<ul class="navbar-nav f_right">
{% block subMenuRight %}<li class="nav-item"><a class="nav-link" href="javascript: void(0)"></a></li>{% endblock %}
</ul>
</div>
</div>
</nav>
</section>
{% endif %}
{% endblock %}
{# SLIDER #}
{% block slider %}
{% endblock %}
{# CONTENT #}
{% block content %}
{% endblock %}
{# FOOTER #}
{% block footer %}
<footer id="footer" class="dark bg_pr notopborder">
<div class="container">
<div class="footer-widgets-wrap clearfix">
<div class="row clearfix">
<div class="col-12 col-md-4">
<h4 class="m_b_10p">Filoscafo</h4>
<div class="row">
<div class="col-12">
<p class="m_b_10p color_w"><i class="icon-map-marker1 font_20 m_r_10p"></i> <span class="v_a_tb">{% trans from "website" %}footer_01{% endtrans %}</span></p>
<p class="m_b_10p color_w"><i class="icon-phone3 font_20 m_r_10p"></i> <span class="v_a_tb">(+39) 348 9121397</span></p>
<p class="m_b_10p color_w"><i class="icon-envelope font_20 m_r_10p"></i> <a class="color_w v_a_tb" href="mailto:info@filoscafo.com">info@filoscafo.com</a></p>
<p class="m_b_none color_w"><i class="icon-globe1 font_20 m_r_10p"></i> <a class="color_w v_a_tb" href="https://www.filoscafo.com" target="_blank">www.filoscafo.com</a></p>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<h4 class="m_b_10p">{% trans from "website" %}footer_02{% endtrans %}</h4>
<a class="color_dg" href="https://www.rpgmultimedia.it" target="_blank"><p class="m_b_10p"><img width="50" src="{{ asset ('images/graphics/rpg-logo.png') }}" alt="R.P.G." class="m_r_10p">R.P.G. di Restelli Eliana E.</p></a>
</div>
<div class="col-12 col-md-4">
<h4 class="m_b_10p">{% trans from "website" %}footer_03{% endtrans %}</h4>
<div>
<a href="#" class="social-icon si-rounded si-small si-colored si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon si-rounded si-small si-colored si-linkedin">
<i class="icon-linkedin"></i>
<i class="icon-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
{% endblock %}
{% block divHelp %}
<div id="divHelp" class="divHelp hide_print">
<img id="helpImage" src="{{ asset (icon_help)}}">
<a href="javascript:closeHelp()"><i id="helpClose" class="icon-times font_20 color_r"></i></a>
<h4 id="helpTitle" class="uppercase m_b_10p b_b_pr"></h4>
<div class="overflow_a max_h_170p"><p id="helpText" class="txt_a_j"></p></div>
</div>
{% endblock %}
</div>
{% block loading %}
<div id="divProgress" class="m_t_80p well bg_dg col-10 offset-1 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4">
<h1 class="color_w txt_a_c m_b_none">{% trans from "website" %}div_progress_msg{% endtrans %}</h1>
<h3 class="color_w txt_a_c m_b_30p">{% trans from "website" %}div_progress_text{% endtrans %}</h3>
<div class="progress">
<div class="progress-bar active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only"></span>
</div>
</div>
</div>
<div class="clearfix"></div>
{% endblock %}
<div id="gotoTop" class="icon-angle-up"></div>
</div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript" src="{{ asset ('js/jquery.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/plugins.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/functions.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/utilities.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/components/moment.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/components/datepicker-' ~ app.request.locale ~ '.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/components/daterangepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/components/timepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/components/bs-switches.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/components/bs-filestyle.js') }}"></script>
<script type="text/javascript" src="{{ asset ('js/jquery.richtext_2023_05_22.min.js') }}"></script>
{# HELP #}
<script>
$(document).ready(function(){
{% if not app.request.cookies.get('cookieconsent_dismissed') == "yes" %}
setTimeout(modalCookie, 2500);
{% endif %}
{% if app.request.get("_route") == 'homepage' and app.session.get('section') != null %}
document.getElementById("section_{{ app.session.get('section') }}").click();
{% endif %}
var franceDisp = document.getElementsByClassName('france_disp');
var franceHide = document.getElementsByClassName('france_hide');
if(typeof franceDisp != 'undefined'){
{% if reservation is defined %}
{% if reservation.baseStart.country.alpha2 == 'FR' %}
for(i=0; i<franceDisp.length; i++){
franceDisp[i].style.display = 'contents';
franceDisp[i].children[0].style = 'text-decoration:underline!important';
}
{% else %}
for(i=0; i<franceDisp.length; i++)
franceDisp[i].style.display = 'none';
{% endif %}
{% endif %}
}
if(typeof franceHide != 'undefined'){
{% if reservation is defined %}
{% if reservation.baseStart.country.alpha2 == 'FR' %}
for(i=0; i<franceHide.length; i++)
franceHide[i].style.display = 'none';
{% else %}
for(i=0; i<franceHide.length; i++)
franceHide[i].style.display = 'contents';
{% endif %}
{% endif %}
}
var caribbeanDisp = document.getElementsByClassName('caribbean_disp');
var caribbeanHide = document.getElementsByClassName('caribbean_hide');
if(typeof caribbeanDisp != 'undefined'){
{% if reservation is defined %}
{% if reservation.baseStart.country.alpha2 == 'CR' %}
for(i=0; i<caribbeanDisp.length; i++){
caribbeanDisp[i].style.display = 'contents';
caribbeanDisp[i].children[0].style = 'text-decoration:underline!important';
}
{% else %}
for(i=0; i<caribbeanDisp.length; i++)
caribbeanDisp[i].style.display = 'none';
{% endif %}
{% endif %}
}
if(typeof caribbeanHide != 'undefined'){
{% if reservation is defined %}
{% if reservation.baseStart.country.alpha2 == 'CR' %}
for(i=0; i<caribbeanHide.length; i++)
caribbeanHide[i].style.display = 'none';
{% else %}
for(i=0; i<caribbeanHide.length; i++)
caribbeanHide[i].style.display = 'contents';
{% endif %}
{% endif %}
}
});
function divHelp(slug){
$.post('{{ path ("help") }}', {slug: slug}, function(response){
if(response.code == 200 && response.success){
document.getElementById('divHelp').style.visibility = "visible";
document.getElementById('helpClose').style.visibility = "visible";
document.getElementById('helpImage').style.visibility = "visible";
document.getElementById('helpTitle').innerHTML = response.title;
document.getElementById('helpText').innerHTML = response.text;
$("#helpButton").click();
}
}, "json");
}
function closeHelp(){
document.getElementById('divHelp').style.visibility = "hidden";
document.getElementById('helpClose').style.visibility = "hidden";
document.getElementById('helpImage').style.visibility = "hidden";
}
function modalCookie(){
$('#modalCookie').modal({backdrop: 'static', keyboard: false}).modal("show");
}
function showDivProgress(){
document.getElementById("divContent").style.display = "none";
document.getElementById("divProgress").style.display = "block";
}
</script>
{% endblock %}
</body>
</html>