templates/extends/base.html.twig line 1

Open in your IDE?
  1. {# @var app \App\Twig\AppVariable #}<!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         {% if app.environment == 'prod' %}
  5.             <!-- Matomo -->
  6.             <script type="text/javascript">
  7.                 var _paq = window._paq || [];
  8.                 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  9.                 {% if app.user %}
  10.                 _paq.push(['setUserId', '{{ app.user.email|lower|trim }}'])
  11.                 {% endif %}
  12.                 _paq.push(['trackPageView']);
  13.                 _paq.push(['enableLinkTracking']);
  14.                 (function() {
  15.                     var u="//analytics.siefspace.eu/";
  16.                     _paq.push(['setTrackerUrl', u+'matomo.php']);
  17.                     _paq.push(['setSiteId', '1']);
  18.                     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  19.                     g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  20.                 })();
  21.             </script>
  22.             <!-- End Matomo Code -->
  23.         {% endif %}
  24.         <meta charset="utf-8">
  25.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  26.         <title>{% block title %}Welcome{% endblock %} | Concawe SIEF.space</title>
  27.         <link rel="stylesheet" href="{{ preload(asset('build/vendor.css'), {as: 'style'}) }}">
  28.         <link rel="stylesheet" href="{{ preload(asset('build/component/environment.css'), {as: 'style'}) }}">
  29.         <link rel="stylesheet" href="{{ preload(asset('build/app/global.css'), {as: 'style'}) }}">
  30.         <script src="{{ preload(asset('ckeditor5/build/ckeditor.js'), {as: 'script'}) }}"></script>
  31.         {% block stylesheets %}{% endblock %}
  32.     </head>
  33.     <body data-page="{{ app.request.get('_route') }}" data-ratchet-url="{{ ratchet_url }}" data-env="{{ environment }}">
  35.         <header class="container">
  36.             <div class="row">
  37.                 <div class="col-xs-12">
  38.                     <img src="{{ asset('build/images/concawe.png') }}" alt="Concawe" id="logo">
  39.                 </div>
  40.             </div>
  41.         </header>
  43.         {% block nav %}
  44.             <div class="container sticky-top">
  45.                 <nav class="navbar navbar-expand-lg navbar-dark bg-primary frame">
  46.                     <a class="navbar-brand" href="{{ url('dashboard') }}">SIEF.space</a>
  47.                     <button class="navbar-toggler" type="button" data-toggle="collapse"
  48.                             data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  49.                             aria-expanded="false" aria-label="Toggle navigation">
  50.                         <span class="navbar-toggler-icon"></span>
  51.                     </button>
  53.                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  54.                         <ul class="navbar-nav mr-auto">
  55.                             {% if app.user.validEntityCount >= 1 %}
  56.                                 <li class="nav-item dropdown">
  57.                                     <div class="btn-group" id="my-sief-page">
  58.                                         <a class="nav-link {{ nav_class('my-sief-page.') }}" href="{{ url('my-sief-page.dashboard') }}">
  59.                                             My SIEF page
  60.                                         </a>
  61.                                         <a id="cyMySief" class="nav-link {{ nav_class('my-sief-page.') }} dropdown-toggle dropdown-toggle-split"
  62.                                            data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="#">
  63.                                             <span class="sr-only">
  64.                                                 Toggle dropdown
  65.                                             </span>
  66.                                         </a>
  67.                                         <div class="dropdown-menu">
  68.                                                 <a id="cyMySiefSubstances" class="dropdown-item {{ nav_class('my-sief-page.substances') }}" href="{{ url('my-sief-page.substances') }}">Substances</a>
  69.                                                 {% if app.user.invoiceCount > 0 %}
  70.                                                     <a class="dropdown-item {{ nav_class('my-sief-page.invoices') }}" href="{{ url('my-sief-page.invoices.index') }}">Invoices</a>
  71.                                                 {% endif %}
  72.                                                 <a id="cyMySiefContracts" class="dropdown-item {{ nav_class('my-sief-page.contracts') }}" href="{{ url('my-sief-page.contracts.index') }}">Contracts</a>
  73.                                                 <a class="dropdown-item {{ nav_class('client.files.') }}" href="{{ url('client.files.index', {folder: null}) }}">Files</a>
  74.                                                 <a class="dropdown-item {{ nav_class('my-sief-page.uses.questionnaires') }}" href="{{ url('my-sief-page.uses.questionnaires.index') }}">Uses questionnaires</a>
  75.                                                 {% if has_benzene_questionnaires() %}
  76.                                                     <a class="dropdown-item {{ nav_class('my-sief-page.benzene.') }}" href="{{ url('my-sief-page.benzene.index') }}">Naphtha questionnaires</a>
  77.                                                 {% endif %}
  78.                                                 <div class="dropdown-divider"></div>
  79.                                             {% if not app.user.memberEntities.empty and not app.user.nonMemberEntities.empty %}
  80.                                                 <a class="dropdown-item {{ nav_class('my-sief-page.legal-entities.create.non-member') }}" href="{{ url('my-sief-page.legal-entities.create', {step: 1, member: 0}) }}">
  81.                                                     Create non-member legal entity {{ nav_sr('my-sief-page.legal-entities.create.non-member') }}
  82.                                                 </a>
  83.                                                 <a class="dropdown-item {{ nav_class('my-sief-page.legal-entities.create.member') }}" href="{{ url('my-sief-page.legal-entities.create', {step: 1, member: 1}) }}">
  84.                                                     Create member legal entity {{ nav_sr('my-sief-page.legal-entities.create.member') }}
  85.                                                 </a>
  86.                                             {% else %}
  87.                                                 <a class="dropdown-item {{ nav_class('my-sief-page.legal-entities.create') }}" href="{{ url('my-sief-page.legal-entities.create', {step: 1}) }}">
  88.                                                     Create legal entity {{ nav_sr('my-sief-page.legal-entities.create') }}
  89.                                                 </a>
  90.                                             {% endif %}
  91.                                             {% if not app.user.entities.empty %}
  92.                                                 {% if not app.user.nonMemberEntities.empty %}
  93.                                                     <a id="cyMySiefTransfer" class="dropdown-item {{ nav_class('my-sief-page.legal-entity.transfer') }}" href="{{ url('my-sief-page.legal-entity.transfer') }}">
  94.                                                         Transfer legal entity {{ nav_sr('my-sief-page.legal-entity.transfer') }}
  95.                                                     </a>
  96.                                                 {% endif %}
  97.                                                 <a id="cyMySiefTransferOverview" class="dropdown-item {{ nav_class('my-sief-page.overview.transfer') }}" href="{{ url('my-sief-page.overview.transfer') }}">
  98.                                                     Incoming transfers {{ nav_sr('my-sief-page.overview.transfer') }}
  99.                                                 </a>
  100.                                             {% endif %}
  101.                                             <div class="dropdown-divider"></div>
  102.                                             <a class="dropdown-item {{ nav_class('sanctions.') }}" href="{{ url('sanctions') }}">EU sanctions compliance certification</a>
  103.                                             <!--
  104.                                             <div class="dropdown-divider"></div>
  105.                                             <h6 class="dropdown-header">Submissions</h6>
  106.                                             <a class="dropdown-item disabled" href="">CLP</a>
  107.                                             <a class="dropdown-item disabled" href="">iSIP</a>
  108.                                             -->
  109.                                         </div>
  110.                                     </div>
  111.                                 </li>
  112.                             {% endif %}
  113.                             {% if app.user.hasActiveLeadRegistrants %}
  114.                                 <li class="nav-item">
  115.                                     <a class="nav-link {{ nav_class('lead-registrant.') }}" href="{{ url('lead-registrant.index') }}">Lead Registrant</a>
  116.                                 </li>
  117.                             {% endif %}
  118.                             <li class="nav-item">
  119.                                 <a class="nav-link {{ nav_class('client.news.') }}" href="{{ url('client.news.index', {page: 1}) }}">News</a>
  120.                             </li>
  121.                             <li class="nav-item dropdown {{ nav_class('about-us') }}">
  122.                                 <div class="btn-group">
  123.                                     <a class="nav-link {{ nav_class('about-us') }}" href="{{ url('about-us') }}">
  124.                                         About us {{ nav_sr('about-us') }}
  125.                                     </a>
  126.                                     <a class="nav-link {{ nav_class('about-us') }} dropdown-toggle dropdown-toggle-split"
  127.                                        data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="#">
  128.                                         <span class="sr-only">
  129.                                             Toggle dropdown
  130.                                         </span>
  131.                                     </a>
  132.                                     <div class="dropdown-menu">
  133.                                         <a class="dropdown-item {{ nav_class('about-us.team') }}" href="{{ url('about-us.team') }}">The SIEF team</a>
  134.                                     </div>
  135.                                 </div>
  136.                             </li>
  137.                             <li class="nav-item">
  138.                                 <a class="nav-link {{ nav_class('help') }}" href="{{ url('help') }}">Help</a>
  139.                             </li>
  140.                         </ul>
  141.                         <ul class="navbar-nav my-2 my-lg-0">
  142.                             {% if app.user.staff %}
  143.                                 <li class="nav-item dropdown">
  144.                                     <div class="btn-group">
  145.                                         <div class="btn-group">
  146.                                             <a class="nav-link {{ nav_class('staff.') }}" href="{{ url('staff.setup.dashboard') }}">
  147.                                                 Setup
  148.                                             </a>
  149.                                             <a id="cySetup" class="nav-link {{ nav_class('staff.setup.') }} dropdown-toggle dropdown-toggle-split"
  150.                                                data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="#">
  151.                                                 <span class="sr-only">
  152.                                                     Toggle dropdown
  153.                                                 </span>
  154.                                             </a>
  155.                                             <div class="dropdown-menu">
  156.                                                 <a class="dropdown-item {{ nav_class('staff.settings.') }}" href="{{ url('staff.settings.index') }}">System settings</a>
  157.                                                 <a class="dropdown-item {{ nav_class('staff.templates.') }}" href="{{ url('staff.templates.index', {page: 1}) }}">Templates</a>
  158.                                                 <a class="dropdown-item {{ nav_class('staff.contracts.') }}" href="{{ url('staff.contracts.index', {page: 1}) }}">Contract templates</a>
  159.                                                 <a class="dropdown-item {{ nav_class('staff.setup.signatories.') }}" href="{{ url('staff.setup.signatories.index') }}">Contract signatories</a>
  160.                                                 <a class="dropdown-item {{ nav_class('staff.emails') }}" href="{{ url('staff.emails') }}">E-mail messages</a>
  161.                                                 <a class="dropdown-item {{ nav_class('setup.staff.uses.questionnaire') }}" href="{{ url('setup.staff.uses.questionnaire.index') }}">Uses questionnaire templates</a>
  162.                                                 <a class="dropdown-item {{ nav_class('staff.help') }}" href="{{ url('staff.help') }}">Help documents</a>
  163.                                                 <a class="dropdown-item {{ nav_class('staff.staff-members') }}" href="{{ url('staff.staff-members') }}">Staff members</a>
  164.                                                 <a id="cySetupUsers" class="dropdown-item {{ nav_class('staff.users.') }}" href="{{ url('staff.users.index', {page: 1}) }}">Users</a>
  165.                                                 <!--
  166.                                                 <div class="dropdown-divider"></div>
  167.                                                 <h6 class="dropdown-header">Submissions</h6>
  168.                                                 <a class="dropdown-item disabled" href="">CLP</a>
  169.                                                 <a class="dropdown-item disabled" href="">CLP Overrides</a>
  170.                                                 <a class="dropdown-item disabled" href="">iSIP</a>
  171.                                                 -->
  172.                                             </div>
  173.                                         </div>
  174.                                     </div>
  175.                                 </li>
  176.                                 <li class="nav-item dropdown">
  177.                                     <div class="btn-group">
  178.                                         <a class="nav-link {{ nav_class('staff.management.') }}" href="{{ url('staff.management.dashboard') }}">
  179.                                             Management
  180.                                         </a>
  181.                                         <a id="cyManagement" class="nav-link {{ nav_class('staff.management.') }} dropdown-toggle dropdown-toggle-split"
  182.                                            data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="#">
  183.                                         <span class="sr-only">
  184.                                             Toggle dropdown
  185.                                         </span>
  186.                                         </a>
  187.                                         <div class="dropdown-menu">
  188.                                             <a class="dropdown-item {{ nav_class('staff.inventory.') }}" href="{{ url('staff.inventory.index') }}">Substance inventory</a>
  189.                                             <a id="cyManagementMemberCompanies" class="dropdown-item {{ nav_class('staff.member-company.') }}" href="{{ url('staff.member-company.index', {page: 1}) }}">Member companies</a>
  190.                                             <a class="dropdown-item {{ nav_class('staff.billing-company.') }}" href="{{ url('staff.billing-company.index', {page: 1}) }}">Billing companies</a>
  191.                                             <a id="cyManagementLegalEntities" class="dropdown-item {{ nav_class('staff.invitations.') }}" href="{{ url('staff.invitations.index', {page: 1}) }}">Legal entities</a>
  192.                                             <div class="dropdown-divider"></div>
  193.                                             <a id="cyManagementTransfers" class="dropdown-item {{ nav_class('staff.transfer.') }}" href="{{ url('staff.transfer', {page: 1}) }}">Transfer requests</a>
  194.                                             <a class="dropdown-item {{ nav_class('staff.conversion.member.overview') }}" href="{{ url('staff.conversion.member.overview', {page: 1}) }}">Member conversion</a>
  195.                                             <a class="dropdown-item {{ nav_class('staff.conversion.member.overview') }}" href="{{ url('staff.registration.status', {page: 1}) }}">Registration Status</a>
  196.                                             <div class="dropdown-divider"></div>
  197.                                             <a class="dropdown-item {{ nav_class('staff.uses-questionnaires') }}" href="{{ url('staff.uses-questionnaires.index', {page: 1}) }}">Export uses questionnaires</a>
  198.                                             <a class="dropdown-item {{ nav_class('staff.dossiers.') }}" href="{{ url('staff.dossiers.index', {page: 1}) }}">Dossiers</a>
  199.                                             <a class="dropdown-item {{ nav_class('staff.lead-registrants.') }}" href="{{ url('staff.lead-registrants.index', {page: 1}) }}">Lead Registrants</a>
  200.                                             <a class="dropdown-item {{ nav_class('staff.files.') }}" href="{{ url('staff.files.index', {folder: null}) }}">Files</a>
  201.                                             <a class="dropdown-item {{ nav_class('staff.news.') }}" href="{{ url('staff.news.index', {page: 1}) }}">News</a>
  202.                                             <a class="dropdown-item {{ nav_class('.staff.token-dispatching.') }}" href="{{ url('.staff.token-dispatching.index') }}">Token dispatching</a>
  203.                                             <a class="dropdown-item {{ nav_class('staff.mail-archive') }}" href="{{ url('staff.mail-archive.index') }}">Mail archive</a>
  204.                                         </div>
  205.                                     </div>
  206.                                 </li>
  207.                                 <li class="nav-item dropdown">
  208.                                     <div class="btn-group">
  209.                                         <a  class="nav-link {{ nav_class('staff.follow-up.') }}" href="{{ url('staff.follow-up.dashboard') }}">
  210.                                             Follow-up
  211.                                         </a>
  212.                                         <a id='cyFollowUp' class="nav-link {{ nav_class('staff.follow-up.') }} dropdown-toggle dropdown-toggle-split"
  213.                                            data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="#">
  214.                                         <span class="sr-only">
  215.                                             Toggle dropdown
  216.                                         </span>
  217.                                         </a>
  218.                                         <div class="dropdown-menu">
  219.                                             <a id="cyStaffRequests" class="dropdown-item {{ nav_class('staff.requests') }}" href="{{ url('staff.requests', {page: 1}) }}">Staff requests</a>
  220.                                             <div class="dropdown-divider"></div>
  221.                                             <a id="cyLegalEntities" class="dropdown-item {{ nav_class('staff.non-member.orders.') }}" href="{{ url('staff.non-member.orders.index', {page: 1}) }}">Legal entities</a>
  222.                                             <a class="dropdown-item {{ nav_class('staff.follow-up.transfer.') }}" href="{{ url('staff.follow-up.transfer.index', {page: 1}) }}">Transfer requests</a>
  223.                                             <a class="dropdown-item {{ nav_class('staff.questionnaire.index') }}" href="{{ url('staff.questionnaire.index', {page: 1}) }}">Uses questionnaires</a>
  224.                                             <a class="dropdown-item {{ nav_class('staff.non-member.tonnage-proof') }}" href="{{ url('staff.non-member.tonnage-proof') }}">Tonnage band proof</a>
  225.                                             <a class="dropdown-item {{ nav_class('staff.follow-up.section-1.2-1.4.') }}" href="{{ url('staff.follow-up.section-1.2-1.4.index') }}">Section 1.2 and 1.4</a>
  226.                                             <a class="dropdown-item {{ nav_class('staff.follow-up.benzene-export.') }}" href="{{ url('staff.follow-up.benzene-export.index', {page: 1}) }}">Naphtha questionnaires</a>
  227.                                             <div class="dropdown-divider"></div>
  228.                                             <a class="dropdown-item {{ nav_class('staff.reporting.') }}" href="{{ url('staff.reporting.index') }}">Reporting</a>
  229.                                             <a class="dropdown-item {{ nav_class('staff.payments') }}" href="{{ url('staff.payments') }}">Invoice payments</a>
  230.                                             <a class="dropdown-item {{ nav_class('staff.non-member.reminder-exclusions.') }}" href="{{ url('staff.non-member.reminder-exclusions.index', {page: 1}) }}">Invoice reminder exclusions</a>
  231.                                             <a class="dropdown-item {{ nav_class('staff.non-member.reinvoicing') }}" href="{{ url('staff.non-member.reinvoicing.index', {page: 1}) }}">Reinvoicing</a>
  232.                                         </div>
  233.                                     </div>
  234.                                 </li>
  235.                             {% endif %}
  236.                             <li class="nav-item dropdown">
  237.                                 <div class="btn-group">
  238.                                     <a class="nav-link text-truncate {{ nav_class('account.') }}" href="{{ url('account.dashboard') }}">
  239.                                         {{ app.user.name }} {{ nav_sr('account.') }}
  240.                                     </a>
  241.                                     <a id="cyUserDropdown"class="nav-link {{ nav_class('account.') }} dropdown-toggle dropdown-toggle-split"
  242.                                        data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
  243.                                        href="#">
  244.                                     <span class="sr-only">
  245.                                         Toggle dropdown
  246.                                     </span>
  247.                                     </a>
  248.                                     <div class="dropdown-menu dropdown-menu-right">
  249.                                         <a class="dropdown-item {{ nav_class('account.profile') }}" href="{{ url('account.profile') }}">
  250.                                             My profile {{ nav_sr('account.profile') }}
  251.                                         </a>
  252.                                         <a class="dropdown-item {{ nav_class('account.history') }}" href="{{ url('account.history', {page: 1}) }}">
  253.                                             Sign-in history {{ nav_sr('account.history') }}
  254.                                         </a>
  255.                                         <a class="dropdown-item {{ nav_class('account.notifications') }}" href="{{ url('account.notifications', {type: null}) }}">
  256.                                             Notification settings {{ nav_sr('account.notifications') }}
  257.                                         </a>
  258.                                         <div class="dropdown-divider"></div>
  259.                                         {% if is_granted('IS_IMPERSONATOR')  %}
  260.                                             <a id="cyLeaveImpersonation" class="dropdown-item" href="{{ path('dashboard', {'_impersonate_user': '_exit'}) }}">
  261.                                                 <em class="fa fa-sign-out"></em>
  262.                                                 Exit Impersonation
  263.                                             </a>
  264.                                         {% else %}
  265.                                             <a class="dropdown-item" href="{{ url('security.sign-out') }}">
  266.                                                 <em class="fa fa-sign-out"></em>
  267.                                                 Sign out
  268.                                             </a>
  269.                                         {% endif %}
  270.                                     </div>
  271.                                 </div>
  272.                             </li>
  273.                             {% if app.user and filter is defined %}
  274.                                 <li class="nav-item">
  275.                                     <button id="btnFilter" class="btn btn-primary{% if filter.vars.active %} text-warning{% endif %}" type="button" title="{% if filter.vars.active %}Filtering is active{% else %}Filter data{% endif %}" data-toggle="modal" data-target="#filter">
  276.                                         <em class="fa fa-filter"></em>
  277.                                     </button>
  278.                                 </li>
  279.                             {% endif %}
  280.                             {% if app.user and app.user.staff %}
  281.                                 <li class="nav-item">
  282.                                     <a id="btnSpotlight" class="btn btn-primary" title="Search (ctrl+space)" data-toggle="modal" href="#spotlight">
  283.                                         <em class="fa fa-search"></em>
  284.                                     </a>
  285.                                 </li>
  286.                             {% endif %}
  287.                             {% if app.user and not app.user.notifications.empty %}
  288.                                 <li class="nav-item">
  289.                                     <button id="btnNotifications" class="btn btn-primary" type="button" title="{{ app.user.notifications.count }} notification(s)" data-toggle="modal" data-target="#notifications">
  290.                                         <span class="badge badge-danger badge-pill">{{ app.user.notifications.count }}</span>
  291.                                     </button>
  292.                                 </li>
  293.                             {% elseif app.user and app.user.notifications.empty and app.user.staff %}
  294.                                 <li class="nav-item">
  295.                                     <a href="{{ url('staff.requests') }}" class="btn btn-primary" type="button" title="no notification(s)">
  296.                                         <span class="badge badge-light badge-pill">0</span>
  297.                                     </a>
  298.                                 </li>
  299.                             {% endif %}
  300.                         </ul>
  301.                     </div>
  302.                 </nav>
  303.             </div>
  304.         {% endblock %}
  306.         {% block sanctions %}
  307.             {% if should_show_sanctions_grace_period_notification() %}
  308.                 <div class="container" id="sanctions_grace_period">
  309.                     <div class="alert alert-danger">
  310.                         <div>
  311.                             {% template from 'sanctions.grace-period.flash' described_as 'Persistent flash message shown during sanctions grace period' %}
  312.                                 <p>
  313.                                     <strong>sanctions.grace-period.flash</strong> -
  314.                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, aliquid architecto aut eos fugiat
  315.                                     ipsam magnam ratione voluptatum. Architecto deserunt fugiat fugit ipsa, laborum magni odit officia
  316.                                     totam.
  317.                                 </p>
  318.                             {% endtemplate %}
  319.                             <div class="text-right">
  320.                                 <a href="{{ url('sanctions') }}" class="btn btn-danger">
  321.                                     Go to my EU sanctions compliance certification tasks
  322.                                     <em class="ml-1 fa fa-chevron-circle-right"></em>
  323.                                 </a>
  324.                             </div>
  325.                         </div>
  326.                     </div>
  327.                 </div>
  328.             {% endif %}
  329.         {% endblock %}
  331.         {% block flash %}
  332.             <div class="container">
  333.                 <div id="flash">
  334.                     {% for label, messages in app.flashes %}
  335.                         <div class="card card-small frame" id="flash-{{ label }}">
  336.                             <div class="card-header bg-{{ label }} text-white">
  337.                                 <button type="button" class="float-right" data-toggle="dismiss"
  338.                                         data-target="#flash-{{ label }}">
  339.                                     <em class="fa fa-times"></em>
  340.                                 </button>
  341.                                 <div class="align-middle">
  342.                                     {% if label == 'success' %}
  343.                                         Success notices
  344.                                     {% elseif label == 'warning' %}
  345.                                         Warnings
  346.                                     {% elseif label == 'danger' %}
  347.                                         Error notices
  348.                                     {% elseif label == 'info' %}
  349.                                         Informational notices
  350.                                     {% else %}
  351.                                         {{ label }}
  352.                                     {% endif %}
  353.                                     <sup class="badge badge-pill badge-light">{{ messages|length }}</sup>
  354.                                 </div>
  355.                             </div>
  356.                             <div class="card-body">
  357.                                 <ul class="list-group">
  358.                                     {% for message in messages %}
  359.                                         <li class="list-group-item">{{ message }}</li>
  360.                                     {% endfor %}
  361.                                 </ul>
  362.                             </div>
  363.                             <div class="card-footer text-right">
  364.                                 <button type="button" class="btn btn-{{ label }} btn-sm" data-toggle="dismiss"
  365.                                         data-target="#flash-{{ label }}">
  366.                                     <em class="fa fa-times"></em> Dismiss
  367.                                 </button>
  368.                             </div>
  369.                         </div>
  370.                     {% endfor %}
  371.                 </div>
  372.             </div>
  373.         {% endblock %}
  375.         {% if app.user %}
  376.             <a class="btn btn-primary btn-badge {% if app.environment == "dev" %}messaging-dev{% endif %}" href="{{ url('messenger.index', {page: 1}) }}" id="messaging">
  377.                 <span>
  378.                     <em class="fa fa-2x fa-comments">
  379.                         {% if message_count() > 0 %}
  380.                             <span class="badge badge-danger badge-circle">{{ message_count() }}</span>
  381.                         {% else %}
  382.                             <span class="badge badge-dark badge-circle">0</span>
  383.                         {% endif %}
  384.                     </em>
  385.                 </span>
  386.                 <span class="slider">
  387.                     You have {% if message_count() > 0 %}{{ message_count()|toWords }}{% else %}no{% endif %}<br> unread
  388.                     message{% if message_count() != 1 %}s{% endif %}.
  389.                 </span>
  390.             </a>
  392.             <div class="modal fade" id="notifications" tabindex="-1" role="dialog" aria-hidden="true" data-counter="{{ app.user.notifications.count }}">
  393.                 <div class="modal-dialog" role="document">
  394.                     <div class="modal-content">
  395.                         <div class="modal-header">
  396.                             <h5 class="modal-title" id="exampleModalLabel">Notifications</h5>
  397.                             <div class="modal-body p-0">
  398.                                 {% if app.user.staff %}
  399.                                     <a href="{{ url('ajax.notifications.all.dismiss') }}" class=" float-right btn-sm btn-danger">Clear all</a>
  400.                                 {% endif %}
  401.                             </div>
  402.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  403.                                 <span aria-hidden="true">&times;</span>
  404.                             </button>
  405.                         </div>
  407.                         <div class="modal-body p-0">
  408.                             <div class="list-group list-group-flush">
  409.                                 {% for notification in app.user.notifications %}
  410.                                     <a href="{{ url('notification', {notification: notification.id}) }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
  411.                                         {{ notification.text }}
  412.                                         <div class="no-wrap ml-3" data-dismiss-notification="{{ url('ajax.notifications.dismiss', {notification: notification.id}) }}">
  413.                                             {% if app.user.staff %}
  414.                                                 <div class="btn btn-sm btn-secondary" title="Dismiss notification">
  415.                                                     <span class="fa fa-trash"></span>
  416.                                                 </div>
  417.                                             {% endif %}
  418.                                             <div class="btn btn-sm btn-primary"><span class="fa fa-chevron-right"></span></div>
  419.                                         </div>
  420.                                     </a>
  421.                                 {% endfor %}
  422.                             </div>
  423.                         </div>
  424.                         <div class="modal-footer">
  425.                             {% if app.user.staff %}
  426.                                 <a href="{{ url('staff.requests') }}" class="btn btn-primary">Show all</a>
  427.                             {% endif %}
  428.                             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  429.                         </div>
  430.                     </div>
  431.                 </div>
  432.             </div>
  434.             <div class="modal fade" id="spotlight" tabindex="-1" role="dialog" aria-hidden="true" data-url="{{ url('spotlight') }}">
  435.                 <div class="modal-dialog" role="document">
  436.                     <div class="modal-content">
  437.                         <div class="modal-header">
  438.                             <h5 class="modal-title" id="exampleModalLabel">Search</h5>
  439.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  440.                                 <span aria-hidden="true">&times;</span>
  441.                             </button>
  442.                         </div>
  443.                         <div class="modal-body">
  444.                             <div class="input-group">
  445.                                 <input type="search" class="form-control" placeholder="Your query">
  446.                                 <div class="input-group-append">
  447.                                     <button class="btn btn-primary" type="button">
  448.                                         <em class="fa fa-search search-icon"></em>
  449.                                         <span class="sr-only">Search</span>
  450.                                     </button>
  451.                                 </div>
  452.                             </div>
  453.                             <div class="search-results mt-3">
  454.                             </div>
  455.                         </div>
  456.                         <div class="modal-footer">
  457.                             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  458.                         </div>
  459.                     </div>
  460.                 </div>
  461.             </div>
  463.             <div class="modal fade" id="pdf-preview" tabindex="-1" role="dialog" aria-hidden="true">
  464.                 <div class="modal-dialog mw-100 {% block preview_width %}w-75{% endblock %} mh-100 h-75" role="document">
  465.                     <div class="modal-content h-100">
  466.                         <div class="modal-header">
  467.                             <h5 class="modal-title"></h5>
  468.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  469.                                 <span aria-hidden="true">&times;</span>
  470.                             </button>
  471.                         </div>
  472.                         <div class="modal-body p-0">
  473.                             <iframe src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></iframe>
  474.                         </div>
  475.                         <div class="modal-footer">
  476.                             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  477.                         </div>
  478.                     </div>
  479.                 </div>
  480.             </div>
  482.             <div class="modal fade" id="img-preview" tabindex="-1" role="dialog" aria-hidden="true">
  483.                 <div class="modal-dialog mw-100 {{ block('preview_width') }} mh-100 h-75" role="document">
  484.                     <div class="modal-content h-100">
  485.                         <div class="modal-header">
  486.                             <h5 class="modal-title"></h5>
  487.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  488.                                 <span aria-hidden="true">&times;</span>
  489.                             </button>
  490.                         </div>
  491.                         <div class="modal-body p-0">
  492.                             <iframe src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></iframe>
  493.                         </div>
  494.                         <div class="modal-footer">
  495.                             <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  496.                         </div>
  497.                     </div>
  498.                 </div>
  499.             </div>
  501.             {% if filter is defined %}
  502.                 {{ form_start(filter) }}
  503.                 <div class="modal container fade" id="filter" tabindex="-1" role="dialog" aria-hidden="true">
  504.                     <div class="modal-dialog" role="document">
  505.                         <div class="modal-content">
  506.                             <div class="modal-header">
  507.                                 <h5 class="modal-title">Data filter</h5>
  508.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  509.                                     <span aria-hidden="true">&times;</span>
  510.                                 </button>
  511.                             </div>
  512.                             <div class="modal-body">
  513.                                 {% block filter %}
  514.                                 {% endblock %}
  515.                             </div>
  516.                             <div class="modal-footer">
  517.                                 {{ form_widget(filter.filter) }}
  518.                                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
  519.                                 {{ form_widget(filter.clear) }}
  520.                             </div>
  521.                         </div>
  522.                     </div>
  523.                 </div>
  524.                 {{ form_end(filter) }}
  525.             {% endif %}
  526.         {% endif %}
  528.         {% if app.environment != 'prod' %}
  529.             <p id="environment">
  530.                 {% if app.environment == 'dev' %}
  531.                     <a title="Open database" data-placement="left" href="https://{{ app.request.host }}:8037" target="_blank">
  532.                         <em class="fa fa-database"></em>
  533.                     </a>
  534.                 {% endif %}
  535.                 <a title="Open mailbox" data-placement="left" href="{{ mailbox_url() }}" target="_blank">
  536.                     <em class="fa fa-inbox"></em>
  537.                 </a>
  538.                 <a title="Issue tracker" data-placement="left" href="https://youtrack.torfs.org" target="_blank">
  539.                     <em class="fa fa-bug"></em>
  540.                 </a>
  541.                 <span title="Application version/environment" data-placement="left">{{ app_version }}</span>
  542.             </p>
  543.         {% endif %}
  545.         {% block body %}{% endblock %}
  547.         {% if app.user and not is_granted('IS_IMPERSONATOR') %}
  548.             {{ include('includes/tutorial.html.twig', {user: app.user}) }}
  549.         {% endif %}
  551.         {% block extra %}{% endblock %}
  554.         {% if 'catAccCookies' is not cookie %}
  555.             <div id="cookie-notice">
  556.                 <p>
  557.                     This website uses cookies for essential functionalities. Read about how we use cookies and how you
  558.                     can control them by clicking &quot;Read more&quot; or accept cookies by clicking
  559.                     &quot;Accept cookies&quot;.
  560.                 </p>
  562.                 <button class="btn btn-primary">Accept cookies</button>
  563.                 <a class="btn btn-secondary" href="https://www.concawe.eu/cookies-policy" target="_blank">Read more</a>
  564.             </div>
  565.         {% endif %}
  567.         <script src="{{ preload(asset('build/runtime.js'), {as: "script"}) }}"></script>
  568.         <script src="{{ preload(asset('build/vendor.js'), {as: "script"}) }}"></script>
  569.         <script src="{{ preload(asset('build/app/global.js'), {as: "script"}) }}"></script>
  570.         {% block javascripts %}{% endblock %}
  571.     </body>
  572. </html>