templates/partials/sidebar.html.twig line 1

Open in your IDE?
  1. <!-- ========== Left Sidebar Start ========== -->
  2. <div class="vertical-menu">
  4.     <div data-simplebar class="h-100">
  6.         <!--- Sidemenu -->
  7.         <div id="sidebar-menu">
  8.             <!-- Left Menu Start -->
  9.             <ul class="metismenu list-unstyled" id="side-menu">
  10.                 <li class="menu-title" data-key="t-menu">{% trans %}Menu{% endtrans %}</li>
  12.                 <li>
  13.                     <a href="{{ path('home') }}">
  14.                         <i data-feather="home"></i>
  15.                         <span data-key="t-dashboard">{% trans %}Dashboard{% endtrans %}</span>
  16.                     </a>
  17.                 </li>
  19.                 <li>
  20.                     <a href="javascript: void(0);" class="has-arrow">
  21.                         <i data-feather="grid"></i>
  22.                         <span data-key="t-apps">{% trans %}Apps{% endtrans %}</span>
  23.                     </a>
  24.                     <ul class="sub-menu" aria-expanded="false">
  25.                         <li>
  26.                             <a href="apps-calendar">
  27.                                 <span data-key="t-calendar">{% trans %}Calendar{% endtrans %}</span>
  28.                             </a>
  29.                         </li>
  30.         
  31.                         <li>
  32.                             <a href="apps-chat">
  33.                                 <span data-key="t-chat">{% trans %}Chat{% endtrans %}</span>
  34.                             </a>
  35.                         </li>
  36.         
  37.                         <li>
  38.                             <a href="javascript: void(0);" class="has-arrow">
  39.                                 <span data-key="t-email">{% trans %}Email{% endtrans %}</span>
  40.                             </a>
  41.                             <ul class="sub-menu" aria-expanded="false">
  42.                                 <li><a href="apps-email-inbox" data-key="t-inbox">{% trans %}Inbox{% endtrans %}</a></li>
  43.                                 <li><a href="apps-email-read" data-key="t-read-email">{% trans %}Read Email{% endtrans %}</a></li>
  44.                             </ul>
  45.                         </li>
  46.                         <li>
  47.                             <a href="javascript: void(0);" class="has-arrow">
  48.                                 <span data-key="t-invoices">{% trans %}Invoices{% endtrans %}</span>
  49.                             </a>
  50.                             <ul class="sub-menu" aria-expanded="false">
  51.                                 <li><a href="apps-invoices-list" data-key="t-invoice-list">{% trans %}Invoice List{% endtrans %}</a></li>
  52.                                 <li><a href="apps-invoices-detail" data-key="t-invoice-detail">{% trans %}Invoice Detail{% endtrans %}</a></li>
  53.                             </ul>
  54.                         </li>
  55.                         <li>
  56.                             <a href="javascript: void(0);" class="has-arrow">
  57.                                 <span data-key="t-contacts">{% trans %}Contacts{% endtrans %}</span>
  58.                             </a>
  59.                             <ul class="sub-menu" aria-expanded="false">
  60.                                 <li><a href="apps-contacts-grid" data-key="t-user-grid">{% trans %}User Grid{% endtrans %}</a></li>
  61.                                 <li><a href="apps-contacts-list" data-key="t-user-list">{% trans %}User List{% endtrans %}</a></li>
  62.                                 <li><a href="apps-contacts-profile" data-key="t-profile">{% trans %}Profile{% endtrans %}</a></li>
  63.                             </ul>
  64.                         </li>
  65.                     </ul>
  66.                 </li>
  68.                 <li>
  69.                     <a href="javascript: void(0);" class="has-arrow">
  70.                         <i data-feather="users"></i>
  71.                         <span data-key="t-authentication">{% trans %}Authentication{% endtrans %}</span>
  72.                     </a>
  73.                     <ul class="sub-menu" aria-expanded="false">
  74.                         <li><a href="auth-login" data-key="t-login">{% trans %}Login{% endtrans %}</a></li>
  75.                         <li><a href="auth-register" data-key="t-register">{% trans %}Register{% endtrans %}</a></li>
  76.                         <li><a href="auth-recoverpw" data-key="t-recover-password">{% trans %}Recover Password{% endtrans %}</a></li>
  77.                         <li><a href="auth-lock-screen" data-key="t-lock-screen">{% trans %}Lock Screen{% endtrans %}</a></li>
  78.                         <li><a href="auth-logout" data-key="t-logout">{% trans %}Logout{% endtrans %}</a></li>
  79.                         <li><a href="auth-confirm-mail" data-key="t-confirm-mail">{% trans %}Confirm Mail{% endtrans %}</a></li>
  80.                         <li><a href="auth-email-verification" data-key="t-email-verification">{% trans %}Email Verification{% endtrans %}</a></li>
  81.                         <li><a href="auth-two-step-verification" data-key="t-two-step-verification">{% trans %}Two Step Verification{% endtrans %}</a></li>
  82.                     </ul>
  83.                 </li>
  85.                 <li>
  86.                     <a href="javascript: void(0);" class="has-arrow">
  87.                         <i data-feather="file-text"></i>
  88.                         <span data-key="t-pages">{% trans %}Pages{% endtrans %}</span>
  89.                     </a>
  90.                     <ul class="sub-menu" aria-expanded="false">
  91.                         <li><a href="pages-starter" data-key="t-starter-page">{% trans %}Starter Page{% endtrans %}</a></li>
  92.                         <li><a href="pages-maintenance" data-key="t-maintenance">{% trans %}Maintenance{% endtrans %}</a></li>
  93.                         <li><a href="pages-comingsoon" data-key="t-coming-soon">{% trans %}Coming Soon{% endtrans %}</a></li>
  94.                         <li><a href="pages-timeline" data-key="t-timeline">{% trans %}Timeline{% endtrans %}</a></li>
  95.                         <li><a href="pages-faqs" data-key="t-faqs">{% trans %}FAQs{% endtrans %}</a></li>
  96.                         <li><a href="pages-pricing" data-key="t-pricing">{% trans %}Pricing{% endtrans %}</a></li>
  97.                         <li><a href="pages-404" data-key="t-error-404">{% trans %}Error 404{% endtrans %}</a></li>
  98.                         <li><a href="pages-500" data-key="t-error-500">{% trans %}Error 500{% endtrans %}</a></li>
  99.                     </ul>
  100.                 </li>
  102.                 <li>
  103.                     <a href="layouts-horizontal">
  104.                         <i data-feather="layout"></i>
  105.                         <span data-key="t-horizontal">{% trans %}Horizontal{% endtrans %}</span>
  106.                     </a>
  107.                 </li>
  109.                 <li class="menu-title mt-2" data-key="t-components">{% trans %}Elements{% endtrans %}</li>
  111.                 <li>
  112.                     <a href="javascript: void(0);" class="has-arrow">
  113.                         <i data-feather="briefcase"></i>
  114.                         <span data-key="t-components">{% trans %}Components{% endtrans %}</span>
  115.                     </a>
  116.                     <ul class="sub-menu" aria-expanded="false">
  117.                         <li><a href="ui-alerts" data-key="t-alerts">{% trans %}Alerts{% endtrans %}</a></li>
  118.                         <li><a href="ui-buttons" data-key="t-buttons">{% trans %}Buttons{% endtrans %}</a></li>
  119.                         <li><a href="ui-cards" data-key="t-cards">{% trans %}Cards{% endtrans %}</a></li>
  120.                         <li><a href="ui-carousel" data-key="t-carousel">{% trans %}Carousel{% endtrans %}</a></li>
  121.                         <li><a href="ui-dropdowns" data-key="t-dropdowns">{% trans %}Dropdowns{% endtrans %}</a></li>
  122.                         <li><a href="ui-grid" data-key="t-grid">{% trans %}Grid{% endtrans %}</a></li>
  123.                         <li><a href="ui-images" data-key="t-images">{% trans %}Images{% endtrans %}</a></li>
  124.                         <li><a href="ui-modals" data-key="t-modals">{% trans %}Modals{% endtrans %}</a></li>
  125.                         <li><a href="ui-offcanvas" data-key="t-offcanvas">{% trans %}Offcanvas{% endtrans %}</a></li>
  126.                         <li><a href="ui-progressbars" data-key="t-progress-bars">{% trans %}Progress Bars{% endtrans %}</a></li>
  127.                         <li><a href="ui-placeholders" data-key="t-progress-bars">{% trans %}Placeholders{% endtrans %}</a></li>
  128.                         <li><a href="ui-tabs-accordions" data-key="t-tabs-accordions">{% trans %}Tabs & Accordions{% endtrans %}</a></li>
  129.                         <li><a href="ui-typography" data-key="t-typography">{% trans %}Typography{% endtrans %}</a></li>
  130.                         <li><a href="ui-toasts" data-key="t-typography">{% trans %}Toasts{% endtrans %}</a></li>
  131.                         <li><a href="ui-video" data-key="t-video">{% trans %}Video{% endtrans %}</a></li>
  132.                         <li><a href="ui-general" data-key="t-general">{% trans %}General{% endtrans %}</a></li>
  133.                         <li><a href="ui-colors" data-key="t-colors">{% trans %}Colors{% endtrans %}</a></li>
  134.                     </ul>
  135.                 </li>
  137.                 <li>
  138.                     <a href="javascript: void(0);" class="has-arrow">
  139.                         <i data-feather="gift"></i>
  140.                         <span data-key="t-ui-elements">{% trans %}Extended{% endtrans %}</span>
  141.                     </a>
  142.                     <ul class="sub-menu" aria-expanded="false">
  143.                         <li><a href="extended-lightbox" data-key="t-lightbox">{% trans %}Lightbox{% endtrans %}</a></li>
  144.                         <li><a href="extended-rangeslider" data-key="t-range-slider">{% trans %}Range Slider{% endtrans %}</a></li>
  145.                         <li><a href="extended-sweet-alert" data-key="t-sweet-alert">{% trans %}SweetAlert 2{% endtrans %}</a></li>
  146.                         <li><a href="extended-session-timeout" data-key="t-session-timeout">{% trans %}Session Timeout{% endtrans %}</a></li>
  147.                         <li><a href="extended-rating" data-key="t-rating">{% trans %}Rating{% endtrans %}</a></li>
  148.                         <li><a href="extended-notifications" data-key="t-notifications">{% trans %}Notifications{% endtrans %}</a></li>
  149.                     </ul>
  150.                 </li>
  152.                 <li>
  153.                     <a href="javascript: void(0);">
  154.                         <i data-feather="box"></i>
  155.                         <span class="badge rounded-pill bg-soft-danger text-danger float-end">7</span>
  156.                         <span data-key="t-forms">{% trans %}Forms{% endtrans %}</span>
  157.                     </a>
  158.                     <ul class="sub-menu" aria-expanded="false">
  159.                         <li><a href="form-elements" data-key="t-form-elements">{% trans %}Basic Elements{% endtrans %}</a></li>
  160.                         <li><a href="form-validation" data-key="t-form-validation">{% trans %}Validation{% endtrans %}</a></li>
  161.                         <li><a href="form-advanced" data-key="t-form-advanced">{% trans %}Advanced Plugins{% endtrans %}</a></li>
  162.                         <li><a href="form-editors" data-key="t-form-editors">{% trans %}Editors{% endtrans %}</a></li>
  163.                         <li><a href="form-uploads" data-key="t-form-upload">{% trans %}File Upload{% endtrans %}</a></li>
  164.                         <li><a href="form-wizard" data-key="t-form-wizard">{% trans %}Wizard{% endtrans %}</a></li>
  165.                         <li><a href="form-mask" data-key="t-form-mask">{% trans %}Mask{% endtrans %}</a></li>
  166.                     </ul>
  167.                 </li>
  169.                 <li>
  170.                     <a href="javascript: void(0);" class="has-arrow">
  171.                         <i data-feather="sliders"></i>
  172.                         <span data-key="t-tables">{% trans %}Tables{% endtrans %}</span>
  173.                     </a>
  174.                     <ul class="sub-menu" aria-expanded="false">
  175.                         <li><a href="tables-basic" data-key="t-basic-tables">{% trans %}Bootstrap Basic{% endtrans %}</a></li>
  176.                         <li><a href="tables-datatable" data-key="t-data-tables">{% trans %}DataTables{% endtrans %}</a></li>
  177.                         <li><a href="tables-responsive" data-key="t-responsive-table">{% trans %}Responsive{% endtrans %}</a></li>
  178.                         <li><a href="tables-editable" data-key="t-editable-table">{% trans %}Editable{% endtrans %}</a></li>
  179.                     </ul>
  180.                 </li>
  182.                 <li>
  183.                     <a href="javascript: void(0);" class="has-arrow">
  184.                         <i data-feather="pie-chart"></i>
  185.                         <span data-key="t-charts">{% trans %}Charts{% endtrans %}</span>
  186.                     </a>
  187.                     <ul class="sub-menu" aria-expanded="false">
  188.                         <li><a href="charts-apex" data-key="t-apex-charts">{% trans %}Apexcharts{% endtrans %}</a></li>
  189.                         <li><a href="charts-echart" data-key="t-e-charts">{% trans %}Echarts{% endtrans %}</a></li>
  190.                         <li><a href="charts-chartjs" data-key="t-chartjs-charts">{% trans %}Chartjs{% endtrans %}</a></li>
  191.                         <li><a href="charts-knob" data-key="t-knob-charts">{% trans %}Jquery Knob{% endtrans %}</a></li>
  192.                         <li><a href="charts-sparkline" data-key="t-sparkline-charts">{% trans %}Sparkline{% endtrans %}</a></li>
  193.                     </ul>
  194.                 </li>
  196.                 <li>
  197.                     <a href="javascript: void(0);" class="has-arrow">
  198.                         <i data-feather="cpu"></i>
  199.                         <span data-key="t-icons">{% trans %}Icons{% endtrans %}</span>
  200.                     </a>
  201.                     <ul class="sub-menu" aria-expanded="false">
  202.                         <li><a href="icons-boxicons" data-key="t-boxicons">{% trans %}Boxicons{% endtrans %}</a></li>
  203.                         <li><a href="icons-materialdesign" data-key="t-material-design">{% trans %}Material Design{% endtrans %}</a></li>
  204.                         <li><a href="icons-dripicons" data-key="t-dripicons">{% trans %}Dripicons{% endtrans %}</a></li>
  205.                         <li><a href="icons-fontawesome" data-key="t-font-awesome">{% trans %}Font Awesome 5{% endtrans %}</a></li>
  206.                     </ul>
  207.                 </li>
  209.                 <li>
  210.                     <a href="javascript: void(0);" class="has-arrow">
  211.                         <i data-feather="map"></i>
  212.                         <span data-key="t-maps">{% trans %}Maps{% endtrans %}</span>
  213.                     </a>
  214.                     <ul class="sub-menu" aria-expanded="false">
  215.                         <li><a href="maps-google" data-key="t-g-maps">{% trans %}Google{% endtrans %}</a></li>
  216.                         <li><a href="maps-vector" data-key="t-v-maps">{% trans %}Vector{% endtrans %}</a></li>
  217.                         <li><a href="maps-leaflet" data-key="t-l-maps">{% trans %}Leaflet{% endtrans %}</a></li>
  218.                     </ul>
  219.                 </li>
  221.                 <li>
  222.                     <a href="javascript: void(0);" class="has-arrow">
  223.                         <i data-feather="share-2"></i>
  224.                         <span data-key="t-multi-level">{% trans %}Multi Level{% endtrans %}</span>
  225.                     </a>
  226.                     <ul class="sub-menu" aria-expanded="true">
  227.                         <li><a href="javascript: void(0);" data-key="t-level-1-1">{% trans %}Level{% endtrans %} 1.1</a></li>
  228.                         <li>
  229.                             <a href="javascript: void(0);" class="has-arrow" data-key="t-level-1-2">{% trans %}Level{% endtrans %} 1.2</a>
  230.                             <ul class="sub-menu" aria-expanded="true">
  231.                                 <li><a href="javascript: void(0);" data-key="t-level-2-1">{% trans %}Level{% endtrans %} 2.1</a></li>
  232.                                 <li><a href="javascript: void(0);" data-key="t-level-2-2">{% trans %}Level{% endtrans %} 2.2</a></li>
  233.                             </ul>
  234.                         </li>
  235.                     </ul>
  236.                 </li>
  238.             </ul>
  240.             <div class="card sidebar-alert border-0 text-center mx-4 mb-0 mt-5">
  241.                 <div class="card-body">
  242.                     <img src="/images/giftbox.png" alt="">
  243.                     <div class="mt-4">
  244.                         <h5 class="alertcard-title font-size-16">{% trans %}Unlimited Access{% endtrans %}</h5>
  245.                         <p class="font-size-13">{% trans %}Upgrade your plan from a Free trial, to select ‘Business Plan’{% endtrans %}</p>
  246.                         <a href="#!" class="btn btn-primary mt-2">{% trans %}Upgrade Now{% endtrans %}</a>
  247.                     </div>
  248.                 </div>
  249.             </div>
  250.         </div>
  251.         <!-- Sidebar -->
  252.     </div>
  253. </div>
  254. <!-- Left Sidebar End -->