templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         
  5.         <meta charset="UTF-8">
  6.         <title>{% block title %}Welcome!{% endblock %}</title>
  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0" >
  8.         <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>">
  9.         <link href="{{ asset('/assets/css/bootstrap.min.css') }}" rel="stylesheet">
  10.         <link href="{{ asset('/assets/css/select2.min.css') }}" rel="stylesheet">
  11.         <link href="{{ asset('/assets/css/font-awesome-4.7.0/css/font-awesome.min.css') }}" rel="stylesheet">
  12.         <link href="{{ asset('/assets/css/toastr.css') }}" rel="stylesheet">
  13.         <link href="{{ asset('/assets/css/style.css') }}" rel="stylesheet">
  14.         <link href="{{ asset('assets/amCharts/index.css') }}" rel="stylesheet"/>
  15.         <link href="{{ asset('assets/css/jquery.treeview.css') }}" rel="stylesheet"/>
  16.         <link href="{{ asset('assets/css/treeselect.css') }}" rel="stylesheet"/>
  17.         {% block stylesheet %}{% endblock %}
  18.     </head>
  19.     <body>
  20.     
  21.         <div class="container-fluid">
  22.             <div class="row">
  23.                 <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar collapse">
  24.                     <div class="header-logo">
  25.                         <div class="row logos-block align-items-center">
  26.                             <div class="col-md-7 logo-1">
  27.                                 <img src="{{ asset('/assets/img/logo.svg') }}" class="img-fluid">
  28.                             </div>
  29.                             <div class="col-md-5 logo-2">
  30.                                 <img src="{{ general.logo }}" class="img-fluid">
  31.                             </div>
  32.                         </div>
  33.                     </div>
  34.                     <div class="filter-menu">
  35.                         <div class="title-filter">
  36.                             <img src="{{ asset('assets/img/filter.svg')}}" class="img-fluid">
  37.                             <h2>Filtrer</h2>
  38.                         </div>
  39.                         <div class="filter-content-menu">
  40.                             <h6>{{ 'Locations'|trans }}</h6>
  41.                             <div class="accordion" style="max-width: 247px !important">
  42.                                 <div class="treeselect-demo" id="localisationsTree"></div>
  43.                             </div>
  44.                             <hr>
  45.                             <h6>{{ 'Resource type'|trans }}</h6>
  46.                             <div class="accordion" style="max-width: 247px !important">
  47.                                 <div class="treeselect-demo" id="typeResourcesTree"></div>
  48.                             </div>
  49.                             <hr>
  50.                             <div class="accordion accordion-checked" id="accordionExample-2">
  51.                                 <div class="row" style="padding-left: 3%">
  52.                                     {% for item in status %}
  53.                                         <div class="col-md-12">
  54.                                             <div class="form-check">
  55.                                                 <input class="form-check-input" type="checkbox" data-type="status" value="{{item.id}}" id="status{{item.id}}" checked>
  56.                                                 <label class="form-check-label" for="status{{item.id}}">
  57.                                                     {{item.value}}
  58.                                                 </label>
  59.                                             </div>
  60.                                         </div>
  61.                                     {% endfor %}
  62.                                 </div>
  63.                             </div>
  64.                             <hr>
  65.                             <div class="accordion mb-2" id="accordionExample-5">
  66.                                 <div class="form-search">
  67.                                     <select class="form-control" id="txtUser" data-select>
  68.                                         <option value="">{{'Select user'|trans}}</option>
  69.                                         {% for user in users %}
  70.                                             <option value="{{ user.id }}">{{ user.firstname }} {{ user.lastname }}</option>
  71.                                         {% endfor %}
  72.                                     </select>
  73.                                 </div>
  74.                             </div>
  75.                             <div class="accordion" id="accordionExample-6">
  76.                                 <div class="form-search">
  77.                                     <select class="form-control" id="txtResource" data-select>
  78.                                         <option value="">{{'Select resource'|trans}}</option>
  79.                                         {% for resource in resources %}
  80.                                             <option value="{{ resource.id }}">{{ resource.name }}</option>
  81.                                         {% endfor %}
  82.                                     </select>
  83.                                 </div>
  84.                             </div>
  85.                             <div class="mt-2">
  86.                                 <button class="btn btn-success" onclick="getReservation()">{{ 'Filter'|trans }}</button>
  87.                             </div>
  88.                         </div>
  89.                     </div>
  90.                     <div class="footer-menu">
  91.                         <a href="#">Politique de confidentialité</a>
  92.                         <div class="copy-rights d-flex align-items-center">
  93.                             <p>Powered by</p>
  94.                             <img src="./assets/img/LOGO-NETISSE-Blanc.png" class="img-fluid">
  95.                         </div>
  96.                     </div>
  97.                 </nav>
  98.                 <main class="col-md-9 col-lg-9">
  99.                     <div class="row header-dashbord align-items-center">
  100.                         <div class="col-md-2">
  101.                             <h1 class="h2">{{ 'Dashboard'|trans }} :</h1>
  102.                         </div>
  103.                         <div class="col-md-7">
  104.                             <ul class="nav">
  105.                                 <li class="nav-item">
  106.                                     <a class="nav-link {{ activeMenu(['app_default']) }}" aria-current="page" href="{{ path('app_default') }}">
  107.                                         <span data-feather="home"></span>
  108.                                         Réservations
  109.                                     </a>
  110.                                 </li>
  111.                                 <li class="nav-item">
  112.                                     {# <a class="nav-link {{ activeMenu(['blocks']) }}" href="{{ path('blocks') }}">
  113.                                         <span data-feather="file"></span>
  114.                                         Blocages
  115.                                     </a> #}
  116.                                 </li>
  117.                                {#
  118.                                 <li class="nav-item">
  119.                                     <a class="nav-link" href="#">
  120.                                         <span data-feather="shopping-cart"></span>
  121.                                         Utilisateurs
  122.                                     </a>
  123.                                 </li>#}
  124.                             </ul>
  125.                         </div>
  126.                         <div class="col-md-3">
  127.                             <div class="row">
  128.                                 <div class="col-md-2"></div>
  129.                                 <div class="col-md-4">
  130.                                     <select class="form-control" id="changeLanguage">
  131.                                         {% for locale in locales %}
  132.                                             <option {% if locale == app.request.locale %}selected{% endif %}>{{ locale }}</option>
  133.                                         {% endfor %}
  134.                                     </select>
  135.                                 </div>
  136.                                 <div class="col-md-6">
  137.                                     <a  href="{{ path('app_logout') }}" class="form-control logout">
  138.                                         <i class="fa fa-sign-out"></i> {{ 'Logout'|trans }}
  139.                                     </a>
  140.                                 </div>
  141.                             </div>
  142.                         </div>
  143.                         <div class="row filter-date align-items-center">
  144.                             <div class="col-md-2">
  145.                                 <label>Choisissez la date </label>
  146.                             </div>
  147.                             <div class="col-md-2">
  148.                                 <input type="date" class="form-control calendar" id="startDate">
  149.                             </div>
  150.                             <div class="col-md-2">
  151.                                 <input type="date" class="form-control calendar" id="endDate">
  152.                             </div>
  153.                             <div class="col-md-2">
  154.                                 <button class="btn btn-success" onclick="getReservation()">{{ 'Filter'|trans }}</button>
  155.                             </div>
  156.                         </div>
  157.                     </div>
  158.                     <div class="col-md-12 content-dashboard">
  159.                         {% block body %}{% endblock %}
  160.                     </div>
  161.                 </main>
  162.             </div>
  163.         </div>
  164.         <script src="{{ asset('/assets/js/bootstrap.bundle.min.js') }}"></script>
  165.         <script src="{{ asset('/assets/js/jquery.min.js') }}"></script>
  166.         <script src="{{ asset('/assets/js/select2.min.js') }}"></script>
  167.         <script src="{{ asset('/assets/js/toastr.js') }}"></script>
  168.         <script src="{{ asset('/assets/js/script.js') }}"></script>
  169.         <!-- AmCharts -->
  170.         <script src="{{ asset('/assets/amCharts/index.js') }}"></script>
  171.         <script src="{{ asset('/assets/amCharts/percent.js') }}"></script>
  172.         <script src="{{ asset('/assets/amCharts/Animated.js') }}"></script>
  173.         <script src="{{ asset('/assets/amCharts/xy.js') }}"></script>
  174.         <script src="{{ asset('assets/js/jquery.treeview.js')}}"></script>
  175.         <script src="{{ asset('assets/js/treeselect.js')}}"></script>
  176.         <script>
  177.             $(document).ready(function() {
  178.                 $('[data-select]').select2();
  179.                 
  180.                 $('#changeLanguage').on('change', function() {
  181.                     window.location.href = "/change_langue/" + $(this).val();
  182.                 });
  183.             })
  184.         </script>
  185.         {% block scripts %}{% endblock %}
  186.     </body>
  187. </html>