templates/base.html.twig line 1

  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">
  8.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  9.         {% block stylesheets %}
  10.             <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  11.             <link rel="stylesheet" href="/demo/plugins/fontawesome-free/css/all.min.css">
  12.             <link rel="stylesheet" href="/demo/plugins/toastr/toastr.min.css">
  13.             <link rel="stylesheet" href="/demo/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  14.             <link rel="stylesheet" href="/demo/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  15.             <link rel="stylesheet" href="/demo/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
  16.             <link rel="stylesheet" href="/demo/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
  17.             <link rel="stylesheet" href="/demo/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  18.             <!-- Ionicons -->
  19.             <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  20.             <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  21.             <!-- Font Awesome Icons -->
  23.         {% endblock %}
  25.         {% block javascripts %}
  26.             <!-- jQuery -->
  27.             <script src="/demo/plugins/jquery/jquery.min.js"></script>
  28.             <!-- Bootstrap 4 -->
  29.             <script src="/demo/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  31.             <!-- AdminLTE App -->
  32.        
  33.             <script src="/demo/plugins/toastr/toastr.min.js"></script>
  34.             <script src="/demo/plugins/moment/moment-with-locales.min.js"></script>
  36.             <script src="/demo/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
  37.             <!-- DataTables  & Plugins -->
  38.             <script src="/demo/plugins/datatables/jquery.dataTables.min.js"></script>
  41.             <script src="/demo/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
  42.             <script src="/demo/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
  43.             <script src="/demo/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
  44.             <script src="/demo/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
  45.             <script src="/demo/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
  46.             <script src="/demo/plugins/jszip/jszip.min.js"></script>
  47.             <script src="/demo/plugins/pdfmake/pdfmake.min.js"></script>
  48.             <script src="/demo/plugins/pdfmake/vfs_fonts.js"></script>
  49.             <script src="/demo/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
  50.             <script src="/demo/plugins/datatables-buttons/js/buttons.print.min.js"></script>
  51.             <script src="/demo/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
  52.             <script src="https://cdn.datatables.net/plug-ins/1.13.4/sorting/datetime-moment.js"></script>
  53.             <script src="/demo/dist/js/adminlte.min.js"></script>
  54.         {% endblock %}
  55.     </head>
  56.     <body class="hold-transition sidebar-mini">
  57.     <div class="wrapper">
  58.         <!-- Navbar -->
  59.         <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  60.             <!-- Left navbar links -->
  61.             <ul class="navbar-nav">
  62.                 <li class="nav-item">
  63.                     <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  64.                 </li>
  65.                 <li class="nav-item d-none d-sm-inline-block">
  66.                     <a href="/" class="nav-link">Dashboard</a>
  67.                 </li>
  69.             </ul>
  71.         </nav>
  72.         <!-- /.navbar -->
  73.         <!-- Main Sidebar Container -->
  74.         <aside class="main-sidebar sidebar-dark-primary elevation-4">
  75.             {% include 'logo.html.twig' %}
  77.             <!-- Sidebar -->
  78.             <div class="sidebar">
  79.                 <!-- Sidebar user panel (optional) -->
  80.                 <div class="user-panel mt-3 pb-3 mb-3 d-flex">
  81. {#                    <div class="image">
  82.                         <img src="dist/img/user2-160x160.jpg" class="elevation-2" alt="User Image">
  83.                     </div>#}
  84.                     <div class="info">
  85.                         <a href="/" class="d-block">Qult.co</a>
  86.                     </div>
  87.                 </div>
  90.                 <!-- Sidebar Menu -->
  91.                 <nav class="mt-2">
  92.                     <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
  93.                         <!-- Add icons to the links using the .nav-icon class
  94.                              with font-awesome or any other icon font library -->
  95.                         <li class="nav-item menu-open">
  96.                             <a href="#" class="nav-link active">
  97.                                 <i class="nav-icon fas fa-calendar-alt"></i>
  98.                                 <p>
  99.                                     Reservations
  100.                                     <i class="right fas fa-angle-left"></i>
  101.                                 </p>
  102.                             </a>
  103.                             <ul class="nav nav-treeview">
  106.                                 <li class="nav-item">
  107.                                     <a href="/reservation/listing?type=pending2" class="nav-link  {% if app.request.get('type') == 'pending'%} active  {% endif %}">
  108.                                         <i class="far fa-circle nav-icon"></i>
  109.                                         <p>Pending Invoice</p>
  110.                                     </a>
  111.                                 </li>
  112.                                 <li class="nav-item">
  113.                                     <a href="/reservation/listing?type=upcoming2" class="nav-link  {% if app.request.get('type') == 'upcoming_invoices'%} active  {% endif %} ">
  114.                                         <i class="far fa-circle nav-icon"></i>
  115.                                         <p>Upcoming Invoices</p>
  116.                                     </a>
  117.                                 </li>
  118.                                 <li class="nav-item">
  119.                                     <a href="/reservation/listing?type=upcoming" class="nav-link {% if app.request.get('type') == 'upcoming'%} active  {% endif %}">
  120.                                         <i class="far fa-circle nav-icon"></i>
  121.                                         <p>Upcoming reservations</p>
  122.                                     </a>
  123.                                 </li>
  124.                                 <li class="nav-item">
  125.                                     <a href="/reservation/listing?type=ongoing" class="nav-link  {% if app.request.get('type') == 'ongoing'%} active  {% endif %}">
  126.                                         <i class="far fa-circle nav-icon"></i>
  127.                                         <p>Ongoing reservations</p>
  128.                                     </a>
  129.                                 </li>
  131.                                 <li class="nav-item">
  132.                                     <a href="/reservation/listing?type=past" class="nav-link  {% if app.request.get('type') == 'past'%} active  {% endif %}">
  133.                                         <i class="far fa-circle nav-icon"></i>
  134.                                         <p>Past reservation</p>
  135.                                     </a>
  136.                                 </li>
  137.                                 <li class="nav-item">
  138.                                     <a href="/reservation/listing?type=invoiced" class="nav-link  {% if app.request.get('type') == 'invoiced'%} active  {% endif %}">
  139.                                         <i class="far fa-circle nav-icon"></i>
  140.                                         <p>Past invoices</p>
  141.                                     </a>
  142.                                 </li>
  143.                                 <li class="nav-item">
  144.                                     <a href="/reservation/listing?type=currentmonth" class="nav-link  {% if app.request.get('type') == 'currentmonth'%} active  {% endif %}">
  145.                                         <i class="far fa-circle nav-icon"></i>
  146.                                         <p>Current Month</p>
  147.                                     </a>
  148.                                 </li>
  149.                                 <li class="nav-item">
  150.                                     <a href="/reservation/listing?type=lastmonth" class="nav-link  {% if app.request.get('type') == 'lastmonth'%} active  {% endif %}">
  151.                                         <i class="far fa-circle nav-icon"></i>
  152.                                         <p>Last Month</p>
  153.                                     </a>
  154.                                 </li>
  155.                                 <li class="nav-item">
  156.                                     <a href="/reservation/listing?type=last2months" class="nav-link {% if app.request.get('type') == 'last2months'%} active  {% endif %} ">
  157.                                         <i class="far fa-circle nav-icon"></i>
  158.                                         <p>Last 2 Months</p>
  159.                                     </a>
  160.                                 </li>
  162.                                 <li class="nav-item">
  163.                                     <a href="/reservation/listing?type=canceled" class="nav-link  {% if app.request.get('type') == 'canceled'%} active  {% endif %}">
  164.                                         <i class="far fa-circle nav-icon"></i>
  165.                                         <p>Canceled</p>
  166.                                     </a>
  167.                                 </li>
  169.                                 <li class="nav-item">
  170.                                     <a href="/reservation/listing?type=needsaddress" class="nav-link  {% if app.request.get('type') == 'needsaddress'%} active  {% endif %}">
  171.                                         <i class="far fa-circle nav-icon"></i>
  172.                                         <p>Needs address </p>
  173.                                     </a>
  174.                                 </li>
  175.                                 <li class="nav-item">
  176.                                     <a href="/reservation/listing?type=all" class="nav-link  {% if app.request.get('type') == 'all'%} active  {% endif %}">
  177.                                         <i class="far fa-circle nav-icon"></i>
  178.                                         <p>All reservations </p>
  179.                                     </a>
  180.                                 </li>
  181.                             </ul>
  182.                         </li>
  183.                         <li class="nav-item menu-open">
  184.                             <a href="#" class="nav-link active">
  185.                                 <i class="nav-icon fas fa-image"></i>
  186.                                 <p>
  187.                                     Properties
  188.                                     <i class="right fas fa-angle-left"></i>
  189.                                 </p>
  190.                             </a>
  191.                             <ul class="nav nav-treeview">
  194.                                 <li class="nav-item">
  195.                                     <a href="/property/list" class="nav-link  {% if app.request.get('type') == 'pending'%} active  {% endif %}">
  196.                                         <i class="far fa-circle nav-icon"></i>
  197.                                         <p>Auto invoice options</p>
  198.                                     </a>
  199.                                 </li>
  200.                             </ul>
  201.                         </li>
  203.                     </ul>
  204.                 </nav>
  205.                 <!-- /.sidebar-menu -->
  206.             </div>
  207.             <!-- /.sidebar -->
  208.         </aside>
  209.         <!-- Content Wrapper. Contains page content -->
  210.         <div class="content-wrapper">
  211.             {% block body %}{% endblock %}
  213.         </div>
  214.         <!-- /.content-wrapper -->
  216.     </div>
  217.     <!-- ./wrapper -->
  218.     </body>
  219. </html>