templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.       <meta charset="UTF-8">
  5.       <title>{% block title %}Welcome!{% endblock %}</title>
  6.       <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.       <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.       <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
  9.       <link rel="stylesheet" href="{{ asset('assets/css/style-index.css') }}"/>
  10.       <link rel="stylesheet" href="{{ asset('assets/css/style-menu-template.css') }}"/>
  11.       <link rel="icon" href="{{ asset('assets/media/favicon.ico') }}">
  12.       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.0/css/v4-shims.min.css" integrity="sha512-p++g4gkFY8DBqLItjIfuKJPFvTPqcg2FzOns2BNaltwoCOrXMqRIOqgWqWEvuqsj/3aVdgoEo2Y7X6SomTfUPA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  13.       <script src="https://js.stripe.com/v3/" ></script>
  14.       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
  15.       {% block stylesheets %}
  16.       {% endblock %}
  17.       {% block javascripts %}
  18.       {% endblock %}
  19.    </head>
  20.    <body>
  21.    <!-- Modal -->
  22. <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  23.   <div class="modal-dialog">
  24.     <div class="modal-content">
  25.       <div class="modal-header">
  26.         <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
  27.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  28.       </div>
  29.       <div class="modal-body">
  30.         ...
  31.       </div>
  32.       <div class="modal-footer">
  33.         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  34.         <button type="button" class="btn btn-primary">Save changes</button>
  35.       </div>
  36.     </div>
  37.   </div>
  38. </div>
  39.     <div id="page-container">
  40.       <header>
  41.          <nav class="navbar navbar-expand-sm navbar-dark">
  42.             <div class="container-fluid">
  43.                <div class="collapse navbar-collapse">
  44.                   <ul class="navbar-nav me-auto">
  45.                      <li class="nav-item">
  46.                         <a class="nav-link text-success" href="{{path('app_home')}}">Home</a>
  47.                      </li>
  48.                      <li class="nav-item">
  49.                         <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
  50.                      </li>
  51.                      {% for menu in menus %}
  52.                      <li class="nav-item">
  53.                         <a class="nav-link text-white" href="{{ path('view_page', {id: menu.id | nzo_encrypt }) }}">{{ menu.pageTitle }}</a>
  54.                      </li>
  55.                      <li class="nav-item">
  56.                         <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
  57.                      </li>
  58.                      {% endfor %}
  59.                   </ul>
  60.                   <ul class="navbar-nav ms-auto">
  61.                      {% if is_granted('ROLE_ADMIN') %}
  62.                      <li class="nav-item">
  63.                         <a class="nav-link text-white">Hello, Admin</a>
  64.                      </li>
  65.                      <li class="nav-item">
  66.                         <a class="nav-link text-white" href="{{path('app_admin')}}">Dashboard</a>
  67.                      </li>
  68.                      <li class="nav-item">
  69.                         <a class="nav-link text-white" href="{{path('app_logout')}}">Logout</a>
  70.                      </li>
  71.                      {% elseif is_granted('ROLE_USER') %}
  72.                      <li class="nav-item">
  73.                         <a class="nav-link text-white" href="#">Hello, {{ app.user.email }}</a>
  74.                      </li>
  75.                      <li class="nav-item">
  76.                         <a class="nav-link text-white" href="{{path('app_profile')}}">Profile</a>
  77.                      </li>
  78.                      <li class="nav-item">
  79.                         <a class="nav-link text-white" href="{{path('app_logout')}}">Logout</a>
  80.                      </li>
  81.                      {% else %}
  82.                      <li class="nav-item">
  83.                         <a class="nav-link text-white" href="{{path('app_register')}}">REGISTER</a>
  84.                      </li>
  85.                      <li class="nav-item">
  86.                         <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
  87.                      </li>
  88.                      <li class="nav-item">
  89.                         <a class="nav-link active" href="{{path('app_login')}}">LOGIN</a>
  90.                      </li>
  91.                      {% endif %}
  92.                   </ul>
  93.                </div>
  94.             </div>
  95.          </nav>
  96.       </header>
  97.       <nav>
  98.          <ul class="side-menu w-15">
  99.             <a href="#">
  100.                <li class="bg-primary p-2 text-center"> <i class="bi bi-facebook text-white"></i> </li>
  101.             </a>
  102.             <a href="#">
  103.                <li class="bg-dark p-2 text-center">  <i class="bi bi-google text-white"></i> </li>
  104.             </a>
  105.                        <a href="#">
  106.                <li class="bg-success p-2 text-center"> <i class="bi bi-whatsapp text-white"></i> </li>
  107.             </a>
  108.             <a href="#">
  109.                <li class="bg-primary p-2 text-center"> <i class="bi bi-messenger text-white"></i> </li>
  110.             </a>
  111.             <a href="#">
  112.                <li class="bg-danger p-2 text-center"> <i class="bi bi-twitter-x text-white"></i> </li>
  113.             </a>
  114.          </ul>
  115.       </nav>
  116.       {% block body %}{% endblock %}
  117.       <footer id="footer">
  118.          {# <div class="page-top text-center">
  119.             <a href="#page-top"><i class="fas fa-chevron-circle-up"></i></a>
  120.          </div>
  121.          <div class="input-group bitcoin ms-auto me-auto">
  122.             <i class="fab fa-cc-paypal"></i>
  123.             <input type="text" class="form-control input bg-dark text-white pl-2" value="Donate to grow together" readonly aria-label="Username" aria-describedby="basic-addon1">
  124.          </div>
  125.          <br/>
  126.          <div class="input-group bitcoin ms-auto me-auto">
  127.             <i class="fab fa-cc-visa"></i>
  128.             <input type="text" class="form-control input bg-dark text-white pl-2" value="Help to keep updating" readonly aria-label="Username" aria-describedby="basic-addon1">
  129.          </div> #}
  130.          <nav class="navbar navbar-expand-sm navbar-dark pb-0">
  131.             <div class="container-fluid">
  132.                <div class="collapse navbar-collapse">
  133.                   <ul class="navbar-nav m-auto mb-2 mb-lg-0">
  134.                      {% for menu in menus %}
  135.                      <li class="nav-item">
  136.                         <a class="nav-link" href="{{ path('view_page', {id: menu.id | nzo_encrypt }) }}">{{ menu.pageTitle }}</a>
  137.                      </li>
  138.                      <li class="nav-item">
  139.                         <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">|</a>
  140.                      </li>
  141.                      {% endfor %}
  142.                   </ul>
  143.                </div>
  144.             </div>
  145.          </nav>
  146.          {% if web_settings[0].getCopyrightText() != null %}
  147.          <div class="text-white text-center pb-3"><small>{{web_settings[0].getCopyrightText()}}</small></div>
  148.          {% else %}
  149.          <div class="text-white text-center pb-3"><small>AUTOFILES.PRO  2022 – 2022</small></div>
  150.          {% endif %}
  151.       </footer>
  152.       </div>
  153.       <script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
  154.       <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/js/bootstrap.bundle.min.js" integrity="sha384-BOsAfwzjNJHrJ8cZidOg56tcQWfp6y72vEJ8xQ9w6Quywb24iOsW913URv1IS4GD" crossorigin="anonymous"></script>
  155.       <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  156.       <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js"></script>
  157.       <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/additional-methods.js"></script>
  158.       <script>
  159.         jQuery.extend(jQuery.validator.messages, {
  160.             required: "This field is required.",
  161.             remote: "Please fix this field.",
  162.             email: "Please enter a valid email address.",
  163.             url: "Please enter a valid URL.",
  164.             date: "Please enter a valid date.",
  165.             dateISO: "Please enter a valid date (ISO).",
  166.             number: "Please enter a valid number.",
  167.             digits: "Please enter only digits.",
  168.             creditcard: "Please enter a valid credit card number.",
  169.             equalTo: "Please enter the same value again.",
  170.             accept: "Please enter a value with a valid extension.",
  171.             maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
  172.             minlength: jQuery.validator.format("Please enter at least {0} characters."),
  173.             rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
  174.             range: jQuery.validator.format("Please enter a value between {0} and {1}."),
  175.             max: jQuery.validator.format("Please enter a value less than or equal to {0}."),
  176.             min: jQuery.validator.format("Please enter a value greater than or equal to {0}.")
  177.         });
  178.           $("#checkoutForm").validate({
  179.              messages: {
  180.               email: "Please enter your email"
  181.              }
  182.           });
  183.            $("#login").validate({
  184.              messages: {
  185.               _username: "Please enter your email"
  186.              }
  187.           });
  188.            $("#contact").validate({
  189.              messages: {
  190.               yourname: "Please enter your name",
  191.               youremail: "Please enter your email",
  192.               yourmessage: "Please enter your message"
  193.              }
  194.           });
  195.       // AJAX call for autocomplete 
  196.          $(document).ready(function() {
  197.             $("#search-box").keyup(function() {
  198.                $('#country-list').empty();
  199.                $.ajax({
  200.                   type: "POST",
  201.                   url: "autocomplete",
  202.                   data: 'keyword=' + $(this).val(),
  203.                   beforeSend: function() {
  204.                   },
  205.                   success: function(data) {
  206.                      $("#suggesstion-box").removeClass('d-none');
  207.                      data.forEach(myFunction);
  208.                      function myFunction(item, index) {
  209.                         $('#country-list').empty();
  210.                         $('#country-list').append("<li class='text-white' style='cursor:pointer' onClick='selectCountry(`"+item.name+"`)'>"+item.name+"</li>");
  211.                      }
  212.                      //$("#suggesstion-box").show();
  213.                      //data = JSON.parse(data);
  214.                     
  215.                   }
  216.                });
  217.             });
  218.          });
  219.          //To select a country name
  220.          function selectCountry(val) {
  221.             $("#search-box").val(val);
  222.             $("#suggesstion-box").addClass('d-none');
  223.          }    
  224.       </script>
  225.    </body>
  226. </html>