templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.         <meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <title>TILLOMED - {% block title %}Homepage{% endblock %}</title>
  7.         {% if form is defined %}{% form_theme form with ['form/errors.html.twig'] %}{% endif %}
  8.         {% if form2 is defined %}{% form_theme form2 with ['form/errors.html.twig'] %}{% endif %}
  10.         {# CANVAS v7.0 - last update 27/11/2024 #}
  11.         {% block stylesheets %}
  12.             <link rel="preconnect" href="https://fonts.googleapis.com">
  13.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&display=swap">
  16.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/style.css') }}" />
  17.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/font-icons.css') }}" />
  18.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/swiper.css')}}" />
  19.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/components/bs-switches.css') }}" />
  20.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/components/radio-checkbox.css') }}" />
  21.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/components/datepicker.css') }}" />
  22.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/components/daterangepicker.css') }}" />
  24.             {% block page_stylesheets %}{% endblock %}
  26.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/personal_2025_05_18/classes.css') }}" />
  27.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/personal_2025_05_18/custom.css') }}" />
  28.             <link rel="stylesheet" type="text/css" href="{{ asset ('css/personal_2025_05_18/themeOverride.css') }}" />
  29.         {% endblock %}
  30.     
  31.         {% block meta %}{% endblock %}
  32.         {% block recaptcha %}{% endblock %}
  33.         
  34.         <link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
  35.     </head>
  36.     <body id="body" class="stretched side-header open-header close-header-on-scroll" onload="hidePreloader();">
  37.         {% include "components/loading.html.twig" %}
  38.         {% include "components/preloader.html.twig" %}
  40.         {% for flash_message in app.session.flashbag.get('notice_success') %}
  41.             <div class="alert alert-dismissible alert-success notice">
  42.                 <i class="fa-solid fa-thumbs-up"></i><strong>Complimenti!</strong> {{ flash_message|raw }}
  43.                 <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
  44.             </div>
  45.         {% endfor %}
  46.         
  47.         {% for flash_message in app.session.flashbag.get('notice_warning') %}
  48.             <div class="alert alert-dismissible alert-warning notice">
  49.                 <i class="fa-solid fa-triangle-exclamation"></i><strong>Attenzione!</strong> {{ flash_message|raw }}
  50.                 <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
  51.             </div>
  52.         {% endfor %}
  54.         {% for flash_message in app.session.flashbag.get('notice_danger') %}
  55.             <div class="alert alert-dismissible alert-danger notice">
  56.                 <i class="fa-solid fa-xmark"></i><strong>Attenzione!</strong> {{ flash_message|raw }}
  57.                 <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
  58.             </div>
  59.         {% endfor %}
  61.         {% set logo_dark = path_graphics ~ '/logo-dark.png' %}
  62.         {% set logo_square = path_graphics ~ '/logo-square.png' %}
  63.         {% set logo_square_dark = path_graphics ~ '/logo-square-dark.png' %}
  65.         {% block div_help %}
  66.             <div id="divHelp" class="divHelp">
  67.                 <img id="helpImage" src="{{ asset (logo_square)}}">
  68.                 <a href="javascript:closeHelp()"><i id="helpClose" class="fa-solid fa-times font_25 color_r"></i></a>
  69.                 <h5 id="helpTitle" class="uppercase m_b_10p b_b_pr"></h5>
  70.                 <div class="overflow_a max_h_170p"><p id="helpText" class="txt_a_j"></p></div>
  71.             </div>
  72.         {% endblock %}
  74.         {% block body %}
  75.             <div id="wrapper">
  76.                 <div id="divContent" class="clearfix">
  77.                     <div id="header-trigger"><i class="bi-list"></i><i class="bi-x-lg"></i></div>
  79.                     {% block alarm_button %}{% endblock %}
  81.                     {# HEADER #}
  82.                     {% block header %}
  83.                         <header id="header">
  84.                             <div id="header-wrap" class="bg_pr">
  85.                                 <div class="container">
  86.                                     <div id="privateAreaHeaderRow" class="header-row">
  87.                                         <div class="primary-menu-trigger">
  88.                                             <button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
  89.                                                 <span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
  90.                                             </button>
  91.                                         </div>
  92.                                         <div class="txt_a_c d-none d-lg-block">
  93.                                             {% if app.user %}
  94.                                                 {% set avatar_path = path_graphics ~ '/defaults/avatar.png' %}
  95.                                                 {% if app.user.profile.avatar != null %}
  96.                                                     {% set avatar_path = 'users/' ~ app.user.directoryPath ~ '/' ~ app.user.profile.avatar %}
  97.                                                 {% endif %}
  98.                                                 <img src="{{ asset(avatar_path) }}" alt="{{ app.user }}" class="img_profile img-circle"/>
  99.                                             {% else %}
  100.                                                 <img src="{{ asset(logo_square_dark) }}" alt="Tillomed Italia" class="img_profile img-circle" />
  101.                                             {% endif %}
  102.                                         </div>
  103.                                         <nav class="primary-menu on-click">
  104.                                             <ul class="menu-container">
  105.                                                 {% block menu %}{% endblock %}
  106.                                                 {% if not app.user %}
  107.                                                     <li class="menu-item"><a class="menu-link" href="{{ path ('homepage') }}">Accedi</a></li>
  108.                                                 {% endif %}
  109.                                             </ul>
  110.                                         </nav>
  111.                                     </div>
  112.                                 </div>
  113.                             </div>
  114.                             <div class="header-wrap-clone"></div>
  115.                         </header>
  116.                     {% endblock %}
  118.                     <section class="page-title dark bg_pr" data-bs-theme="dark">
  119.                         <div class="container">
  120.                             <div class="page-title-row">
  121.                                 <div class="page-title-content">
  122.                                     <h3 class="m_b_none">{% block page_title %}{% endblock %}</h3>
  123.                                 </div>
  124.                                 <nav aria-label="breadcrumb">
  125.                                     <ol class="breadcrumb">
  126.                                         {% block breadcrumb %}
  127.                                         {% endblock %}
  128.                                     </ol>
  129.                                 </nav>
  131.                             </div>
  132.                         </div>
  133.                     </section>
  135.                     <nav id="actionBar" class="navbar navbar-expand-md bg_sc">
  136.                         <div class="container">
  137.                             <div class="mx-auto order-0">
  138.                                 <button class="navbar-toggler button button-mini bg_pr" type="button" data-bs-toggle="collapse" data-bs-target="#navCollapse">
  139.                                     <span class="color_w">Elenco azioni</span>
  140.                                 </button>
  141.                             </div>
  142.                             <div id="navCollapse" class="navbar-collapse collapse">
  143.                                 <ul class="navbar-nav me-auto">
  144.                                     {% block navbar_left %}{% endblock %}
  145.                                 </ul>
  146.                                 <ul class="navbar-nav">
  147.                                     {% block navbar_right %}{% endblock %}
  148.                                 </ul>
  149.                             </div>
  150.                         </div>
  151.                     </nav>
  153.                     {% block earlyJavascripts %}
  154.                         <script type="text/javascript" src="{{ asset ('js/functions.js') }}"></script>
  155.                         <script type="text/javascript" src="{{ asset ('js/plugins.min.js') }}"></script>
  156.                     {% endblock %}
  158.                     {# CONTENT #}
  159.                     {% block content %}
  160.                     {% endblock %}
  162.                     {# FOOTER #}        
  163.                     {#% block footer %}
  164.                         <footer id="footer" class="dark bg_pr">
  165.                             <div id="copyrights" class="bg_pr">
  166.                                 <div class="container">
  167.                                     <div class="row align-items-center justify-content-between col-mb-30">
  168.                                         <div class="col-12 col-lg-auto text-center text-lg-start">
  169.                                             <img src="{{ asset (logo_dark) }}" width="200" alt="Image" class="mb-4">
  170.                                             <p class="m_b_none">
  171.                                                 Copyrights &copy; 2024 - Tutti i diritti riservati da TILLOMED ITALIA S.r.l.
  172.                                             </p>
  173.                                         </div>
  175.                                         <div class="col-12 col-lg-auto text-center text-lg-end">
  176.                                             <div class="copyrights-menu copyright-links">
  177.                                                 <a href="https://tillomed.it/it/privacy">Privacy</a>/<a href="https://tillomed.it/it/cookie">Normativa sui cookie</a>/<a target="_blank" href="https://tillomed.it/documents/termini_e_condizioni.pdf">Termini e condizioni</a>
  178.                                             </div>
  180.                                             <div class="d-flex justify-content-center justify-content-lg-end mt-4">
  181.                                                 <a href="#" data-bs-toggle="tooltip" data-bs-title="Indirizzo: Viale Giulio Richard 1/A, 20143 Milano (MI)" class="social-icon si-small bg_sc" style="border-color: #ff6900"><i class="fa-solid fa-map-marker-alt"></i><i class="fa-solid fa-map-marker-alt"></i></a>
  182.                                                 <a href="#" data-bs-toggle="tooltip" data-bs-title="C.F. - P.IVA: 097 507 109 65" class="social-icon si-small bg_sc" style="border-color: #ff6900"><i class="fa-solid fa-tag"></i><i class="fa-solid fa-tag"></i></a>
  183.                                                 <a href="mailto:tillomeditalia@legalmail.it" data-bs-toggle="tooltip" data-bs-title="PEC: tillomeditalia@legalmail.it" class="social-icon si-small bg_sc" style="border-color: #ff6900"><i class="bi-envelope-fill"></i><i class="bi-envelope-fill"></i></a>
  184.                                                 <a href="#" data-bs-toggle="tooltip" data-bs-title="Ufficio del Registro di Iscrizione: CCIAA di Milano – Monza e Brianza – Lodi" class="social-icon si-small bg_sc" style="border-color: #ff6900"><i class="fa-solid bi-vector-pen"></i><i class="fa-solid bi-vector-pen"></i></a>
  185.                                                 <a href="#" data-bs-toggle="tooltip" data-bs-title="Rea: MI-21111242" class="social-icon si-small bg_sc" style="border-color: #ff6900"><i class="fa-solid fa-pen-nib"></i><i class="fa-solid fa-pen-nib"></i></a>
  186.                                                 <a href="#" data-bs-toggle="tooltip" data-bs-title="Capitale sociale: 30.000 €" class="social-icon si-small bg_sc" style="border-color: #ff6900"><i class="fa-solid fa-euro"></i><i class="fa-solid fa-euro"></i></a>
  187.                                             </div>
  188.                                         </div>
  189.                                     </div>
  191.                                 </div>
  192.                             </div>
  193.                         </footer>
  194.                     {% endblock %#}
  195.                 </div>
  196.             </div>
  197.         {% endblock %}
  198.         {% block javascripts %}
  199.             <script type="text/javascript" src="{{ asset ('js/components/moment.js') }}"></script>
  200.             <script type="text/javascript" src="{{ asset ('js/components/datepicker-it.js') }}"></script>
  201.             <script type="text/javascript" src="{{ asset ('js/components/daterangepicker.js') }}"></script>
  202.             <script type="text/javascript" src="{{ asset ('js/components/timepicker.js') }}"></script>
  203.             <script type="text/javascript" src="{{ asset ('js/personal/utilities.js') }}"></script>
  204.             
  205.             {% include 'components/js/update_tab_filters.html.twig' %}
  206.             
  207.             {# Google Analytics #}
  208.             {% include 'components/js/ga4.html.twig' %}
  210.             {# Cookie #}
  211.             {% include 'components/js/cookies.html.twig' %}
  213.             {# HELP #}
  214.             <script>
  215.                 function divHelp(slug){
  216.                     $.post('{{ path ("help") }}', {slug: slug}, function(response){ 
  217.                         if(response.code == 200 && response.success){
  218.                             document.getElementById('divHelp').style.visibility = "visible";
  219.                             document.getElementById('helpClose').style.visibility = "visible";
  220.                             document.getElementById('helpImage').style.visibility = "visible";
  221.                             document.getElementById('helpTitle').innerHTML = response.title;
  222.                             document.getElementById('helpText').innerHTML = response.text;
  223.                             $("#helpButton").modal('show');
  224.                         }
  225.                     }, "json");
  226.                 }
  228.                 function closeHelp(){
  229.                     document.getElementById('divHelp').style.visibility = "hidden";
  230.                     document.getElementById('helpClose').style.visibility = "hidden";
  231.                     document.getElementById('helpImage').style.visibility = "hidden";
  232.                 }
  233.             </script>
  234.             {% block page_javascripts %}{% endblock %}
  235.         {% endblock %}
  236.         <div id="divModals" class="clearfix">
  237.             {% block modals %}
  238.             {% endblock %}
  239.         </div>
  240.     </body>
  241. </html>