templates/partials/horizontal.html.twig line 1

Open in your IDE?
  1. <header id="page-topbar">
  2.     <div class="navbar-header">
  3.         <div class="d-flex">
  4.             <!-- LOGO -->
  5.             <div class="navbar-brand-box">
  6.                 <a href="{{ path('home') }}" class="logo logo-dark">
  7.                     <span class="logo-sm">
  8.                         <img src="/images/logo-sm.svg" alt="" height="24">
  9.                     </span>
  10.                     <span class="logo-lg">
  11.                         <img src="/images/logo-sm.svg" alt="" height="24"> <span class="logo-txt">Minia</span>
  12.                     </span>
  13.                 </a>
  15.                 <a href="{{ path('home') }}" class="logo logo-light">
  16.                     <span class="logo-sm">
  17.                         <img src="/images/logo-sm.svg" alt="" height="24">
  18.                     </span>
  19.                     <span class="logo-lg">
  20.                         <img src="/images/logo-sm.svg" alt="" height="24"> <span class="logo-txt">Minia</span>
  21.                     </span>
  22.                 </a>
  23.             </div>
  25.             <button type="button" class="btn btn-sm px-3 font-size-16 d-lg-none header-item waves-effect waves-light" data-bs-toggle="collapse" data-bs-target="#topnav-menu-content">
  26.                 <i class="fa fa-fw fa-bars"></i>
  27.             </button>
  29.             <!-- App Search-->
  30.             <form class="app-search d-none d-lg-block">
  31.                 <div class="position-relative">
  32.                     <input type="text" class="form-control" placeholder="{% trans %}Search{% endtrans %}...">
  33.                     <button class="btn btn-primary" type="button"><i class="bx bx-search-alt align-middle"></i></button>
  34.                 </div>
  35.             </form>
  36.         </div>
  38.         <div class="d-flex">
  40.             <div class="dropdown d-inline-block d-lg-none ms-2">
  41.                 <button type="button" class="btn header-item" id="page-header-search-dropdown"
  42.                 data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  43.                     <i data-feather="search" class="icon-lg"></i>
  44.                 </button>
  45.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
  46.                     aria-labelledby="page-header-search-dropdown">
  47.         
  48.                     <form class="p-3">
  49.                         <div class="form-group m-0">
  50.                             <div class="input-group">
  51.                                 <input type="text" class="form-control" placeholder="{% trans %}Search{% endtrans %}..." aria-label="Search Result">
  53.                                 <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
  54.                             </div>
  55.                         </div>
  56.                     </form>
  57.                 </div>
  58.             </div>
  60.             <div class="dropdown d-none d-sm-inline-block">
  61.                 <button type="button" class="btn header-item"
  62.                 data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  63.                     {% if app.request.locale == 'en' %}
  64.                        <img class="header-lang-img" src="/images/flags/us.jpg" alt="Header Language" height="16">
  65.                     {% elseif app.request.locale == 'es' %}
  66.                        <img class="header-lang-img" src="/images/flags/spain.jpg" alt="Header Language" height="16">
  67.                     {% elseif app.request.locale == 'de' %}
  68.                         <img class="header-lang-img" src="/images/flags/germany.jpg" alt="Header Language" height="16">
  69.                     {% elseif app.request.locale == 'it' %}
  70.                         <img class="header-lang-img" src="/images/flags/italy.jpg" alt="Header Language" height="16">
  71.                     {% elseif app.request.locale == 'ru' %}
  72.                         <img class="header-lang-img" src="/images/flags/russia.jpg" alt="Header Language" height="16">
  73.                     {% else %}
  74.                        <img class="header-lang-img" src="/images/flags/us.jpg" alt="Header Language" height="16">
  75.                     {% endif %}
  76.                 </button>
  77.                 <div class="dropdown-menu dropdown-menu-end">
  79.                     {% if app.request.locale != 'en' %}
  80.                     <!-- item-->
  81.                     <a href="lang/en" class="dropdown-item notify-item language" data-lang="eng">
  82.                         <img src="/images/flags/us.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">English</span>
  83.                     </a>
  84.                     {% endif %}
  86.                     {% if app.request.locale != 'es' %}
  87.                     <!-- item-->
  88.                     <a href="lang/es" class="dropdown-item notify-item language" data-lang="sp">
  89.                         <img src="/images/flags/spain.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Spanish</span>
  90.                     </a>
  91.                     {% endif %}
  92.                     
  93.                     {% if app.request.locale != 'de' %}
  94.                     <!-- item-->
  95.                     <a href="lang/de" class="dropdown-item notify-item language" data-lang="gr">
  96.                         <img src="/images/flags/germany.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">German</span>
  97.                     </a>
  98.                     {% endif %}
  100.                     {% if app.request.locale != 'it' %}
  101.                     <!-- item-->
  102.                     <a href="lang/it" class="dropdown-item notify-item language" data-lang="it">
  103.                         <img src="/images/flags/italy.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Italian</span>
  104.                     </a>
  105.                     {% endif %}
  107.                     {% if app.request.locale != 'ru' %}
  108.                     <!-- item-->
  109.                     <a href="lang/ru" class="dropdown-item notify-item language" data-lang="ru">
  110.                         <img src="/images/flags/russia.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Russian</span>
  111.                     </a>
  112.                     {% endif %}
  113.                     
  114.                 </div>
  115.             </div>
  117.             <div class="dropdown d-none d-sm-inline-block">
  118.                 <button type="button" class="btn header-item" id="mode-setting-btn">
  119.                     <i data-feather="moon" class="icon-lg layout-mode-dark"></i>
  120.                     <i data-feather="sun" class="icon-lg layout-mode-light"></i>
  121.                 </button>
  122.             </div>
  124.             <div class="dropdown d-none d-lg-inline-block ms-1">
  125.                 <button type="button" class="btn header-item"
  126.                 data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  127.                     <i data-feather="grid" class="icon-lg"></i>
  128.                 </button>
  129.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
  130.                     <div class="p-2">
  131.                         <div class="row g-0">
  132.                             <div class="col">
  133.                                 <a class="dropdown-icon-item" href="#">
  134.                                     <img src="/images/brands/github.png" alt="Github">
  135.                                     <span>GitHub</span>
  136.                                 </a>
  137.                             </div>
  138.                             <div class="col">
  139.                                 <a class="dropdown-icon-item" href="#">
  140.                                     <img src="/images/brands/bitbucket.png" alt="bitbucket">
  141.                                     <span>Bitbucket</span>
  142.                                 </a>
  143.                             </div>
  144.                             <div class="col">
  145.                                 <a class="dropdown-icon-item" href="#">
  146.                                     <img src="/images/brands/dribbble.png" alt="dribbble">
  147.                                     <span>Dribbble</span>
  148.                                 </a>
  149.                             </div>
  150.                         </div>
  152.                         <div class="row g-0">
  153.                             <div class="col">
  154.                                 <a class="dropdown-icon-item" href="#">
  155.                                     <img src="/images/brands/dropbox.png" alt="dropbox">
  156.                                     <span>Dropbox</span>
  157.                                 </a>
  158.                             </div>
  159.                             <div class="col">
  160.                                 <a class="dropdown-icon-item" href="#">
  161.                                     <img src="/images/brands/mail_chimp.png" alt="mail_chimp">
  162.                                     <span>Mail Chimp</span>
  163.                                 </a>
  164.                             </div>
  165.                             <div class="col">
  166.                                 <a class="dropdown-icon-item" href="#">
  167.                                     <img src="/images/brands/slack.png" alt="slack">
  168.                                     <span>Slack</span>
  169.                                 </a>
  170.                             </div>
  171.                         </div>
  172.                     </div>
  173.                 </div>
  174.             </div>
  176.             <div class="dropdown d-inline-block">
  177.                 <button type="button" class="btn header-item noti-icon position-relative" id="page-header-notifications-dropdown"
  178.                 data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  179.                     <i data-feather="bell" class="icon-lg"></i>
  180.                     <span class="badge bg-danger rounded-pill">5</span>
  181.                 </button>
  182.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
  183.                     aria-labelledby="page-header-notifications-dropdown">
  184.                     <div class="p-3">
  185.                         <div class="row align-items-center">
  186.                             <div class="col">
  187.                                 <h6 class="m-0"> {% trans %}Notifications{% endtrans %} </h6>
  188.                             </div>
  189.                             <div class="col-auto">
  190.                                 <a href="#!" class="small text-reset text-decoration-underline"> {% trans %}Unread{% endtrans %} (3)</a>
  191.                             </div>
  192.                         </div>
  193.                     </div>
  194.                     <div data-simplebar style="max-height: 230px;">
  195.                         <a href="#!" class="text-reset notification-item">
  196.                             <div class="d-flex">
  197.                                 <img src="/images/users/avatar-3.jpg"
  198.                                     class="me-3 rounded-circle avatar-sm" alt="user-pic">
  199.                                 <div class="flex-grow-1">
  200.                                     <h6 class="mb-1">{% trans %}James Lemire{% endtrans %}</h6>
  201.                                     <div class="font-size-13 text-muted">
  202.                                         <p class="mb-1">{% trans %}It will seem like simplified English{% endtrans %}.</p>
  203.                                         <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>{% trans %}1 hour ago{% endtrans %}</span></p>
  204.                                     </div>
  205.                                 </div>
  206.                             </div>
  207.                         </a>
  208.                         <a href="#!" class="text-reset notification-item">
  209.                             <div class="d-flex">
  210.                                 <div class="avatar-sm me-3">
  211.                                     <span class="avatar-title bg-primary rounded-circle font-size-16">
  212.                                         <i class="bx bx-cart"></i>
  213.                                     </span>
  214.                                 </div>
  215.                                 <div class="flex-grow-1">
  216.                                     <h6 class="mb-1">{% trans %}Your order is placed{% endtrans %}</h6>
  217.                                     <div class="font-size-13 text-muted">
  218.                                         <p class="mb-1">{% trans %}If several languages coalesce the grammar{% endtrans %}</p>
  219.                                         <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>{% trans %}3 min ago{% endtrans %}</span></p>
  220.                                     </div>
  221.                                 </div>
  222.                             </div>
  223.                         </a>
  224.                         <a href="#!" class="text-reset notification-item">
  225.                             <div class="d-flex">
  226.                                 <div class="avatar-sm me-3">
  227.                                     <span class="avatar-title bg-success rounded-circle font-size-16">
  228.                                         <i class="bx bx-badge-check"></i>
  229.                                     </span>
  230.                                 </div>
  231.                                 <div class="flex-grow-1">
  232.                                     <h6 class="mb-1">{% trans %}Your item is shipped{% endtrans %}</h6>
  233.                                     <div class="font-size-13 text-muted">
  234.                                         <p class="mb-1">{% trans %}If several languages coalesce the grammar{% endtrans %}</p>
  235.                                         <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>{% trans %}3 min ago{% endtrans %}</span></p>
  236.                                     </div>
  237.                                 </div>
  238.                             </div>
  239.                         </a>
  241.                         <a href="#!" class="text-reset notification-item">
  242.                             <div class="d-flex">
  243.                                 <img src="/images/users/avatar-6.jpg"
  244.                                     class="me-3 rounded-circle avatar-sm" alt="user-pic">
  245.                                 <div class="flex-grow-1">
  246.                                     <h6 class="mb-1">{% trans %}Salena Layfield{% endtrans %}</h6>
  247.                                     <div class="font-size-13 text-muted">
  248.                                         <p class="mb-1">{% trans %}As a skeptical Cambridge friend of mine occidental{% endtrans %}.</p>
  249.                                         <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>{% trans %}1 hour ago{% endtrans %}</span></p>
  250.                                     </div>
  251.                                 </div>
  252.                             </div>
  253.                         </a>
  254.                     </div>
  255.                     <div class="p-2 border-top d-grid">
  256.                         <a class="btn btn-sm btn-link font-size-14 text-center" href="javascript:void(0)">
  257.                             <i class="mdi mdi-arrow-right-circle me-1"></i> <span>{% trans %}View More{% endtrans %}..</span> 
  258.                         </a>
  259.                     </div>
  260.                 </div>
  261.             </div>
  263.             <div class="dropdown d-inline-block">
  264.                 <button type="button" class="btn header-item right-bar-toggle me-2">
  265.                     <i data-feather="settings" class="icon-lg"></i>
  266.                 </button>
  267.             </div>
  269.             <div class="dropdown d-inline-block">
  270.                 <button type="button" class="btn header-item bg-soft-light border-start border-end" id="page-header-user-dropdown"
  271.                 data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  272.                     <img class="rounded-circle header-profile-user" src="/images/users/avatar-1.jpg"
  273.                         alt="Header Avatar">
  274.                     <span class="d-none d-xl-inline-block ms-1 fw-medium">{% trans %}Shawn L{% endtrans %}</span>
  275.                     <i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i>
  276.                 </button>
  277.                 <div class="dropdown-menu dropdown-menu-end">
  278.                     <!-- item-->
  279.                     <a class="dropdown-item" href="apps-contacts-profile"><i class="mdi mdi-face-profile font-size-16 align-middle me-1"></i> {% trans %}Profile{% endtrans %}</a>
  280.                     <a class="dropdown-item" href="auth-lock-screen"><i class="mdi mdi-lock font-size-16 align-middle me-1"></i> {% trans %}Lock Screen{% endtrans %}</a>
  281.                     <div class="dropdown-divider"></div>
  282.                     <a class="dropdown-item" href="auth-logout"><i class="mdi mdi-logout font-size-16 align-middle me-1"></i> {% trans %}Logout{% endtrans %}</a>
  283.                 </div>
  284.             </div>
  285.             
  286.         </div>
  287.     </div>
  288. </header>
  289.     
  290. <div class="topnav">
  291.     <div class="container-fluid">
  292.         <nav class="navbar navbar-light navbar-expand-lg topnav-menu">
  294.             <div class="collapse navbar-collapse" id="topnav-menu-content">
  295.                 <ul class="navbar-nav">
  297.                     <li class="nav-item dropdown">
  298.                         <a class="nav-link dropdown-toggle arrow-none" href="{{ path('home') }}" id="topnav-dashboard" role="button">
  299.                             <i data-feather="home"></i><span data-key="t-dashboards">{% trans %}Dashboard{% endtrans %}</span>
  300.                         </a>
  301.                     </li>
  303.                     <li class="nav-item dropdown">
  304.                         <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-uielement" role="button">
  305.                             <i data-feather="briefcase"></i>
  306.                             <span data-key="t-elements">{% trans %}Elements{% endtrans %}</span> 
  307.                             <div class="arrow-down"></div>
  308.                         </a>
  310.                         <div class="dropdown-menu mega-dropdown-menu px-2 dropdown-mega-menu-xl" aria-labelledby="topnav-uielement">
  311.                             <div class="ps-2 p-lg-0">
  312.                                 <div class="row">
  313.                                     <div class="col-lg-8">
  314.                                         <div>
  315.                                             <div class="menu-title">{% trans %}Elements{% endtrans %}</div>
  316.                                             <div class="row g-0">
  317.                                                 <div class="col-lg-5">
  318.                                                     <div>
  319.                                                         <a href="ui-alerts" class="dropdown-item" data-key="t-alerts">{% trans %}Alerts{% endtrans %}</a>
  320.                                                         <a href="ui-buttons" class="dropdown-item" data-key="t-buttons">{% trans %}Buttons{% endtrans %}</a>
  321.                                                         <a href="ui-cards" class="dropdown-item" data-key="t-cards">{% trans %}Cards{% endtrans %}</a>
  322.                                                         <a href="ui-carousel" class="dropdown-item" data-key="t-carousel">{% trans %}Carousel{% endtrans %}</a>
  323.                                                         <a href="ui-dropdowns" class="dropdown-item" data-key="t-dropdowns">{% trans %}Dropdowns{% endtrans %}</a>
  324.                                                         <a href="ui-grid" class="dropdown-item" data-key="t-grid">{% trans %}Grid{% endtrans %}</a>
  325.                                                         <a href="ui-images" class="dropdown-item" data-key="t-images">{% trans %}Images{% endtrans %}</a>
  326.                                                         <a href="ui-modals" class="dropdown-item" data-key="t-modals">{% trans %}Modals{% endtrans %}</a>
  327.                                                         <a href="ui-offcanvas" class="dropdown-item" data-key="t-offcanvas">{% trans %}Offcanvas{% endtrans %}</a>
  328.                                                     </div>
  329.                                                 </div>
  330.                                                 <div class="col-lg-5">
  331.                                                     <div>
  332.                                                         <a href="ui-progressbars" class="dropdown-item" data-key="t-progress-bars">{% trans %}Progress Bars{% endtrans %}</a>
  333.                                                         <a href="ui-placeholders" class="dropdown-item" data-key="t-progress-bars">{% trans %}Placeholders{% endtrans %}</a>
  334.                                                         <a href="ui-tabs-accordions" class="dropdown-item" data-key="t-tabs-accordions">{% trans %}Tabs & Accordions{% endtrans %}</a>
  335.                                                         <a href="ui-typography" class="dropdown-item" data-key="t-typography">{% trans %}Typography{% endtrans %}</a>
  336.                                                         <a href="ui-toasts" class="dropdown-item" data-key="t-toasts">{% trans %}Toasts{% endtrans %}</a>
  337.                                                         <a href="ui-video" class="dropdown-item" data-key="t-video">{% trans %}Video{% endtrans %}</a>
  338.                                                         <a href="ui-general" class="dropdown-item" data-key="t-general">{% trans %}General{% endtrans %}</a>
  339.                                                         <a href="ui-colors" class="dropdown-item" data-key="t-colors">{% trans %}Colors{% endtrans %}</a>
  340.                                                     </div>
  341.                                                 </div>
  342.                                             </div>
  343.                                         </div>
  344.                                     </div>
  345.                                     
  346.                                     <div class="col-lg-4">
  347.                                         <div>
  348.                                             <div class="menu-title">{% trans %}Extended{% endtrans %}</div>
  349.                                             <div>
  350.                                                 <a href="extended-lightbox" class="dropdown-item" data-key="t-lightbox">{% trans %}Lightbox{% endtrans %}</a>
  351.                                                 <a href="extended-rangeslider" class="dropdown-item" data-key="t-range-slider">{% trans %}Range Slider{% endtrans %}</a>
  352.                                                 <a href="extended-sweet-alert" class="dropdown-item" data-key="t-sweet-alert">{% trans %}SweetAlert 2{% endtrans %}</a>
  353.                                                 <a href="extended-session-timeout" class="dropdown-item" data-key="t-session-timeout">{% trans %}Session Timeout{% endtrans %}</a>
  354.                                                 <a href="extended-rating" class="dropdown-item" data-key="t-rating">{% trans %}Rating{% endtrans %}</a>
  355.                                                 <a href="extended-notifications" class="dropdown-item" data-key="t-notifications">{% trans %}Notifications{% endtrans %}</a>
  356.                                             </div>
  357.                                         </div>
  358.                                     </div>
  359.                                 </div>
  360.                             </div>
  361.                         </div>
  362.                     </li>
  364.                     <li class="nav-item dropdown">
  365.                         <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button">
  366.                             <i data-feather="grid"></i><span data-key="t-apps">{% trans %}Apps{% endtrans %}</span> <div class="arrow-down"></div>
  367.                         </a>
  368.                         <div class="dropdown-menu" aria-labelledby="topnav-pages">
  370.                             <a href="apps-calendar" class="dropdown-item" data-key="t-calendar">{% trans %}Calendar{% endtrans %}</a>
  371.                             <a href="apps-chat" class="dropdown-item" data-key="t-chat">{% trans %}Chat{% endtrans %}</a>
  372.                             
  373.                             <div class="dropdown">
  374.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-email"
  375.                                     role="button">
  376.                                     <span data-key="t-email">{% trans %}Email{% endtrans %}</span> <div class="arrow-down"></div>
  377.                                 </a>
  378.                                 <div class="dropdown-menu" aria-labelledby="topnav-email">
  379.                                     <a href="apps-email-inbox" class="dropdown-item" data-key="t-inbox">{% trans %}Inbox{% endtrans %}</a>
  380.                                     <a href="apps-email-read" class="dropdown-item" data-key="t-read-email">{% trans %}Read Email{% endtrans %}</a>
  381.                                 </div>
  382.                             </div>
  383.                             
  384.                             <div class="dropdown">
  385.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-invoice"
  386.                                     role="button">
  387.                                     <span data-key="t-invoices">{% trans %}Invoices{% endtrans %}</span> <div class="arrow-down"></div>
  388.                                 </a>
  389.                                 <div class="dropdown-menu" aria-labelledby="topnav-invoice">
  390.                                     <a href="apps-invoices-list" class="dropdown-item" data-key="t-invoice-list">{% trans %}Invoice List{% endtrans %}</a>
  391.                                     <a href="apps-invoices-detail" class="dropdown-item" data-key="t-invoice-detail">{% trans %}Invoice Detail{% endtrans %}</a>
  392.                                 </div>
  393.                             </div>
  394.                             <div class="dropdown">
  395.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-contact"
  396.                                     role="button">
  397.                                     <span data-key="t-contacts">{% trans %}Contacts{% endtrans %}</span> <div class="arrow-down"></div>
  398.                                 </a>
  399.                                 <div class="dropdown-menu" aria-labelledby="topnav-contact">
  400.                                     <a href="apps-contacts-grid" class="dropdown-item" data-key="t-user-grid">{% trans %}User Grid{% endtrans %}</a>
  401.                                     <a href="apps-contacts-list" class="dropdown-item" data-key="t-user-list">{% trans %}User List{% endtrans %}</a>
  402.                                     <a href="apps-contacts-profile" class="dropdown-item" data-key="t-profile">{% trans %}Profile{% endtrans %}</a>
  403.                                 </div>
  404.                             </div>
  405.                         </div>
  406.                     </li>
  408.                     <li class="nav-item dropdown">
  409.                         <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-components" role="button">
  410.                             <i data-feather="box"></i><span data-key="t-components">{% trans %}Components{% endtrans %}</span> <div class="arrow-down"></div>
  411.                         </a>
  412.                         <div class="dropdown-menu" aria-labelledby="topnav-components">
  413.                             <div class="dropdown">
  414.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-form"
  415.                                     role="button">
  416.                                     <span data-key="t-forms">{% trans %}Forms{% endtrans %}</span> <div class="arrow-down"></div>
  417.                                 </a>
  418.                                 <div class="dropdown-menu" aria-labelledby="topnav-form">
  419.                                     <a href="form-elements" class="dropdown-item" data-key="t-form-elements">{% trans %}Basic Elements{% endtrans %}</a>
  420.                                     <a href="form-validation" class="dropdown-item" data-key="t-form-validation">{% trans %}Validation{% endtrans %}</a>
  421.                                     <a href="form-advanced" class="dropdown-item" data-key="t-form-advanced">{% trans %}Advanced Plugins{% endtrans %}</a>
  422.                                     <a href="form-editors" class="dropdown-item" data-key="t-form-editors">{% trans %}Editors{% endtrans %}</a>
  423.                                     <a href="form-uploads" class="dropdown-item" data-key="t-form-upload">{% trans %}File Upload{% endtrans %}</a>
  424.                                     <a href="form-wizard" class="dropdown-item" data-key="t-form-wizard">{% trans %}Wizard{% endtrans %}</a>
  425.                                     <a href="form-mask" class="dropdown-item" data-key="t-form-mask">{% trans %}Mask{% endtrans %}</a>
  426.                                 </div>
  427.                             </div>
  428.                             <div class="dropdown">
  429.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-table"
  430.                                     role="button">
  431.                                     <span data-key="t-tables">{% trans %}Tables{% endtrans %}</span> <div class="arrow-down"></div>
  432.                                 </a>
  433.                                 <div class="dropdown-menu" aria-labelledby="topnav-table">
  434.                                     <a href="tables-basic" class="dropdown-item" data-key="t-basic-tables">{% trans %}Bootstrap Basic{% endtrans %}</a>
  435.                                     <a href="tables-datatable" class="dropdown-item" data-key="t-data-tables">{% trans %}Data Tables{% endtrans %}</a>
  436.                                     <a href="tables-responsive" class="dropdown-item" data-key="t-responsive-table">{% trans %}Responsive{% endtrans %}</a>
  437.                                     <a href="tables-editable" class="dropdown-item" data-key="t-editable-table">{% trans %}Editable{% endtrans %}</a>
  438.                                 </div>
  439.                             </div>
  440.                             <div class="dropdown">
  441.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-charts"
  442.                                     role="button">
  443.                                     <span data-key="t-charts">{% trans %}Charts{% endtrans %}</span> <div class="arrow-down"></div>
  444.                                 </a>
  445.                                 <div class="dropdown-menu" aria-labelledby="topnav-charts">
  446.                                     <a href="charts-apex" class="dropdown-item" data-key="t-apex-charts">{% trans %}Apexcharts{% endtrans %}</a>
  447.                                     <a href="charts-echart" class="dropdown-item" data-key="t-e-charts">{% trans %}Echarts{% endtrans %}</a>
  448.                                     <a href="charts-chartjs" class="dropdown-item" data-key="t-chartjs-charts">{% trans %}Chartjs{% endtrans %}</a>
  449.                                     <a href="charts-knob" class="dropdown-item" data-key="t-knob-charts">{% trans %}Jquery Knob{% endtrans %}</a>
  450.                                     <a href="charts-sparkline" class="dropdown-item" data-key="t-sparkline-charts">{% trans %}Sparkline{% endtrans %}</a>
  451.                                 </div>
  452.                             </div>
  453.                             <div class="dropdown">
  454.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-icons"
  455.                                     role="button">
  456.                                     <span data-key="t-icons">{% trans %}Icons{% endtrans %}</span> <div class="arrow-down"></div>
  457.                                 </a>
  458.                                 <div class="dropdown-menu" aria-labelledby="topnav-icons">
  459.                                     <a href="icons-boxicons" class="dropdown-item" data-key="t-boxicons">{% trans %}Boxicons{% endtrans %}</a>
  460.                                     <a href="icons-materialdesign" class="dropdown-item" data-key="t-material-design">{% trans %}Material Design{% endtrans %}</a>
  461.                                     <a href="icons-dripicons" class="dropdown-item" data-key="t-dripicons">{% trans %}Dripicons{% endtrans %}</a>
  462.                                     <a href="icons-fontawesome" class="dropdown-item" data-key="t-font-awesome">{% trans %}Font Awesome 5{% endtrans %}</a>
  463.                                 </div>
  464.                             </div>
  465.                             <div class="dropdown">
  466.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-map" role="button">
  467.                                     <span data-key="t-maps">{% trans %}Maps{% endtrans %}</span> <div class="arrow-down"></div>
  468.                                 </a>
  469.                                 <div class="dropdown-menu" aria-labelledby="topnav-map">
  470.                                     <a href="maps-google" class="dropdown-item" data-key="t-g-maps">{% trans %}Google{% endtrans %}</a>
  471.                                     <a href="maps-vector" class="dropdown-item" data-key="t-v-maps">{% trans %}Vector{% endtrans %}</a>
  472.                                     <a href="maps-leaflet" class="dropdown-item" data-key="t-l-maps">{% trans %}Leaflet{% endtrans %}</a>
  473.                                 </div>
  474.                             </div>
  475.                         </div>
  476.                     </li>
  478.                     <li class="nav-item dropdown">
  479.                         <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-more" role="button">
  480.                             <i data-feather="file-text"></i><span data-key="t-extra-pages">{% trans %}Extra Pages{% endtrans %}</span> <div class="arrow-down"></div>
  481.                         </a>
  482.                         <div class="dropdown-menu" aria-labelledby="topnav-more">
  484.                             <div class="dropdown">
  485.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button">
  486.                                     <span data-key="t-authentication">{% trans %}Authentication{% endtrans %}</span> <div class="arrow-down"></div>
  487.                                 </a>
  488.                                 <div class="dropdown-menu" aria-labelledby="topnav-auth">
  489.                                     <a href="auth-login" class="dropdown-item" data-key="t-login">{% trans %}Login{% endtrans %}</a>
  490.                                     <a href="auth-register" class="dropdown-item" data-key="t-register">{% trans %}Register{% endtrans %}</a>
  491.                                     <a href="auth-recoverpw" class="dropdown-item" data-key="t-recover-password">{% trans %}Recover Password{% endtrans %}</a>
  492.                                     <a href="auth-lock-screen" class="dropdown-item" data-key="t-lock-screen">{% trans %}Lock Screen{% endtrans %}</a>
  493.                                     <a href="auth-logout" class="dropdown-item" data-key="t-logout">{% trans %}Logout{% endtrans %}</a>
  494.                                     <a href="auth-confirm-mail" class="dropdown-item" data-key="t-confirm-mail">{% trans %}Confirm Mail{% endtrans %}</a>
  495.                                     <a href="auth-email-verification" class="dropdown-item" data-key="t-email-verification">{% trans %}Email Verification{% endtrans %}</a>
  496.                                     <a href="auth-two-step-verification" class="dropdown-item" data-key="t-two-step-verification">{% trans %}Two Step Verification{% endtrans %}</a>
  497.                                 </div>
  498.                             </div>
  499.                             <div class="dropdown">
  500.                                 <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-utility" role="button">
  501.                                     <span data-key="t-utility">{% trans %}Utility{% endtrans %}</span> <div class="arrow-down"></div>
  502.                                 </a>
  503.                                 <div class="dropdown-menu" aria-labelledby="topnav-utility">
  504.                                     <a href="pages-starter" class="dropdown-item" data-key="t-starter-page">{% trans %}Starter Page{% endtrans %}</a>
  505.                                     <a href="pages-maintenance" class="dropdown-item" data-key="t-maintenance">{% trans %}Maintenance{% endtrans %}</a>
  506.                                     <a href="pages-comingsoon" class="dropdown-item" data-key="t-coming-soon">{% trans %}Coming Soon{% endtrans %}</a>
  507.                                     <a href="pages-timeline" class="dropdown-item" data-key="t-timeline">{% trans %}Timeline{% endtrans %}</a>
  508.                                     <a href="pages-faqs" class="dropdown-item" data-key="t-faqs">{% trans %}FAQs{% endtrans %}</a>
  509.                                     <a href="pages-pricing" class="dropdown-item" data-key="t-pricing">{% trans %}Pricing{% endtrans %}</a>
  510.                                     <a href="pages-404" class="dropdown-item" data-key="t-error-404">{% trans %}Error 404{% endtrans %}</a>
  511.                                     <a href="pages-500" class="dropdown-item" data-key="t-error-500">{% trans %}Error 500{% endtrans %}</a>
  512.                                 </div>
  513.                             </div>
  514.                         </div>
  515.                     </li>
  517.                     <li class="nav-item dropdown">
  518.                         <a class="nav-link dropdown-toggle arrow-none" href="layouts-horizontal" role="button">
  519.                             <i data-feather="layout"></i><span data-key="t-horizontal">{% trans %}Horizontal{% endtrans %}</span>
  520.                         </a>
  521.                     </li>
  523.                 </ul>
  524.             </div>
  525.         </nav>
  526.     </div>
  527. </div>