templates/master.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8"/>
  5.         <title>Compens Bank | {% block title %}{% endblock %}</title>
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <meta content="Premium Multipurpose Admin & Dashboard Template" name="description"/>
  8.         <meta content="Themesbrand" name="author"/>
  10.         <!-- App favicon -->
  11.         <link rel="stylesheet" href="{{ asset('assets/css/frontend.css') }}">
  12.         <link rel="stylesheet" href="{{ asset('assets/intlTelInput.css') }}">
  13.         <link rel="stylesheet" href="{{ asset('assets/keypad.css') }}">
  14.         <link rel="shortcut icon" href="{{ asset('assets/images/logo.svg') }}" />
  15.         <style>
  16.             .iti__flag {
  17.                 background-image: url("{{ asset('img/flags.png') }}");
  18.             }
  19.             @media(-webkit-min-device-pixel-ratio: 2),
  20.             (min-resolution: 192dpi) {
  21.                 .iti__flag {
  22.                     background-image: url("{{ asset('img/flags@2x.png') }}");
  23.                 }
  24.             }
  25.         </style>
  27.         {% block stylesheets %}
  28.             {{ encore_entry_link_tags('styles') }}
  29.         {% endblock %}
  31.         <link rel="stylesheet" href="{{ asset('assets/css/home.css') }}">
  32.         <link rel="stylesheet" href="{{ asset('assets/css/notification.css') }}">
  33.     </head>
  34.     <body>
  36.         {% include "_partials/widgets/toast.html.twig" %}
  37.         {% set route_name = app.request.attributes.get('_route') %}
  39.         <div id="layout-wrapper">
  40.             {% include "./frontend/header/header.html.twig" %}
  42.             <main class="p-4">
  43.                 {% block body %}{% endblock %}
  44.             </main>
  46.             {% block footer %}
  47.                 {% include 'frontend/footer/footer.html.twig' %}
  48.             {% endblock %}
  49.         </div>
  51.         <script src="{{ asset('assets/jquery.min.js') }}" charset="utf-8"></script>
  52.         <script src="{{ asset('assets/intlTelInput.js') }}"></script>
  53.         <script src="{{ asset('assets/handlebars.js') }}"></script>
  54.         <script src="{{ asset('assets/scriptPhone.js') }}"></script>
  55.         <script src="{{ asset('assets/keypad.js') }}"></script>
  57.         <!-- Libs JS -->
  58.         <script type="application/javascript">
  59.             const toastDetails = {
  60.                 timer: 5000
  61.             }
  63.             const removeToast = (toast) => { // toast.classList.add("hide");
  64.                 toast.classList.remove('visible');
  65.                 setTimeout(() => toast.remove(), 6000); // Removing the toast after 500ms
  66.             }
  68.             const createToast = () => {
  69.                 const toast = document.getElementById('toast');
  71.                 if (toast !== null && typeof toast !== "undefined") {
  72.                     toast.classList.add('visible');
  73.                     setTimeout(() => removeToast(toast), 6000);
  74.                 }
  75.             }
  77.             createToast();
  79.             const hiddenButton = document.getElementById('hideBtn');
  81.             if (hiddenButton !== null && typeof hiddenButton !== "undefined") {
  82.                 hiddenButton.addEventListener('click', function () {
  83.                     if (toast !== null && typeof toast !== "undefined") {
  84.                         toast.classList.remove('visible');
  85.                     }
  86.                 })
  87.             };
  88.         </script>
  90.         {% block javascripts %}
  91.             {{ encore_entry_script_tags('app') }}
  92.         {% endblock %}
  93.     </body>
  94. </html>