templates/frontend.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block metas %}
  4.     {{ parent() }}
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6. {% endblock %}
  8. {% block stylesheets %}
  9.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  10.     <style>
  11.         .bd-placeholder-img {
  12.             font-size: 1.125rem;
  13.             text-anchor: middle;
  14.             -webkit-user-select: none;
  15.             -moz-user-select: none;
  16.             user-select: none;
  17.         }
  19.         @media (min-width: 768px) {
  20.             .bd-placeholder-img-lg {
  21.                 font-size: 3.5rem;
  22.             }
  23.         }
  24.     </style>
  25. {% endblock %}
  27. {% block body %}
  28.     <header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
  29.         <a class="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">Company name</a>
  30.         <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
  31.             <span class="navbar-toggler-icon"></span>
  32.         </button>
  33.         <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
  34.         <div class="navbar-nav">
  35.             <div class="nav-item text-nowrap">
  36.                 <a class="nav-link px-3" href="{{ path('app_logout') }}">Sign out</a>
  37.             </div>
  38.         </div>
  39.     </header>
  41.     <div class="container-fluid">
  42.         <div class="row">
  43.             <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
  44.                 <div class="position-sticky pt-3">
  45.                     <ul class="nav flex-column">
  46.                         <li class="nav-item">
  47.                             <a class="nav-link active" aria-current="page" href="#">
  48.                                 <span data-feather="home"></span>
  49.                                 Dashboard
  50.                             </a>
  51.                         </li>
  52.                         <li class="nav-item">
  53.                             <a class="nav-link" href="{{ path('app_analyzereport_analyze') }}">
  54.                                 <span data-feather="file"></span>
  55.                                 Orders
  56.                             </a>
  57.                         </li>
  58.                         <li class="nav-item">
  59.                             <a class="nav-link" href="#">
  60.                                 <span data-feather="shopping-cart"></span>
  61.                                 Products
  62.                             </a>
  63.                         </li>
  64.                         <li class="nav-item">
  65.                             <a class="nav-link" href="#">
  66.                                 <span data-feather="users"></span>
  67.                                 Customers
  68.                             </a>
  69.                         </li>
  70.                         <li class="nav-item">
  71.                             <a class="nav-link" href="#">
  72.                                 <span data-feather="bar-chart-2"></span>
  73.                                 Reports
  74.                             </a>
  75.                         </li>
  76.                         <li class="nav-item">
  77.                             <a class="nav-link" href="#">
  78.                                 <span data-feather="layers"></span>
  79.                                 Integrations
  80.                             </a>
  81.                         </li>
  82.                     </ul>
  84.                     <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
  85.                         <span>Saved reports</span>
  86.                         <a class="link-secondary" href="#" aria-label="Add a new report">
  87.                             <span data-feather="plus-circle"></span>
  88.                         </a>
  89.                     </h6>
  90.                     <ul class="nav flex-column mb-2">
  91.                         <li class="nav-item">
  92.                             <a class="nav-link" href="#">
  93.                                 <span data-feather="file-text"></span>
  94.                                 Current month
  95.                             </a>
  96.                         </li>
  97.                         <li class="nav-item">
  98.                             <a class="nav-link" href="#">
  99.                                 <span data-feather="file-text"></span>
  100.                                 Last quarter
  101.                             </a>
  102.                         </li>
  103.                         <li class="nav-item">
  104.                             <a class="nav-link" href="#">
  105.                                 <span data-feather="file-text"></span>
  106.                                 Social engagement
  107.                             </a>
  108.                         </li>
  109.                         <li class="nav-item">
  110.                             <a class="nav-link" href="#">
  111.                                 <span data-feather="file-text"></span>
  112.                                 Year-end sale
  113.                             </a>
  114.                         </li>
  115.                     </ul>
  116.                 </div>
  117.             </nav>
  119.             <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
  120.                 {% block main %}{% endblock %}
  121.             </main>
  122.         </div>
  123.     </div>
  124. {% endblock %}
  126. {% block javascripts %}
  127.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  128. {% endblock %}