src/CompanyGroupBundle/Resources/views/pages/admin/_sidebar.html.twig line 1

Open in your IDE?
  1. {# Admin panel sidebar — included in all admin pages #}
  2. <div class="hb-admin-sidebar">
  3.     <div class="hb-admin-sidebar__brand">
  4.         <span class="hb-admin-sidebar__logo">🐝</span>
  5.         <span class="hb-admin-sidebar__title">HoneyBee Admin</span>
  6.     </div>
  8.     <nav class="hb-admin-nav">
  9.         <a href="{{ path('super_admin_command_center') }}"
  10.            class="hb-admin-nav__item {{ app.request.get('_route') == 'super_admin_command_center' ? 'is-active' : '' }}">
  11.             <i class="ft-grid"></i> Dashboard
  12.         </a>
  14.         <div class="hb-admin-nav__group-label">Quotes</div>
  15.         <a href="{{ path('admin_quotes_list') }}"
  16.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_quote' ? 'is-active' : '' }}">
  17.             <i class="ft-file-text"></i> All Quotes
  18.             {% set _pending_quotes = pending_quotes_count|default(0) %}
  19.             {% if _pending_quotes > 0 %}
  20.                 <span class="hb-admin-badge">{{ _pending_quotes }}</span>
  21.             {% endif %}
  22.         </a>
  23.         <a href="{{ path('admin_quotes_list', {status: 'requested'}) }}"
  24.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  25.             Requested
  26.         </a>
  27.         <a href="{{ path('admin_quotes_list', {status: 'modified'}) }}"
  28.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  29.             Modified
  30.         </a>
  31.         <a href="{{ path('admin_quotes_list', {status: 'accepted'}) }}"
  32.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  33.             Accepted
  34.         </a>
  35.         <a href="{{ path('admin_quotes_list', {status: 'rejected'}) }}"
  36.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  37.             Rejected
  38.         </a>
  39.         <a href="{{ path('admin_quote_create') }}"
  40.            class="hb-admin-nav__item hb-admin-nav__item--action">
  41.             <i class="ft-plus-circle"></i> New Quote
  42.         </a>
  44.         <div class="hb-admin-nav__group-label">Invoices</div>
  45.         <a href="{{ path('admin_invoices_list') }}"
  46.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_invoice' ? 'is-active' : '' }}">
  47.             <i class="ft-dollar-sign"></i> All Invoices
  48.         </a>
  49.         <a href="{{ path('admin_invoices_list', {status: 'pending'}) }}"
  50.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  51.             Pending
  52.         </a>
  53.         <a href="{{ path('admin_invoices_list', {status: 'paid'}) }}"
  54.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  55.             Paid
  56.         </a>
  57.         <a href="{{ path('admin_invoices_list', {status: 'failed'}) }}"
  58.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  59.             Failed
  60.         </a>
  62.         <div class="hb-admin-nav__group-label">Companies</div>
  63.         <a href="{{ path('admin_companies_list') }}"
  64.            class="hb-admin-nav__item {{ app.request.get('_route') in ['admin_companies_list', 'admin_company_view', 'admin_company_settings', 'admin_company_module_settings'] ? 'is-active' : '' }}">
  65.             <i class="ft-briefcase"></i> Company List
  66.         </a>
  67.         <a href="{{ path('admin_companies_list') }}"
  68.            class="hb-admin-nav__item hb-admin-nav__item--sub {{ app.request.get('_route') in ['admin_company_settings', 'admin_company_module_settings'] ? 'is-active' : '' }}">
  69.             Company Settings
  70.         </a>
  71.         <a href="{{ path('owner_dashboard') }}"
  72.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'owner_' ? 'is-active' : '' }}">
  73.             <i class="ft-grid"></i> Owner Portal
  74.         </a>
  76.         <div class="hb-admin-nav__group-label">Catalog</div>
  77.         <a href="{{ path('central_product_control') }}"
  78.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'central_product_control' and app.request.get('_route') != 'central_product_control_duplicates' ? 'is-active' : '' }}">
  79.             <i class="ft-box"></i> Product Control
  80.         </a>
  81.         <a href="{{ path('central_product_control_duplicates') }}"
  82.            class="hb-admin-nav__item hb-admin-nav__item--sub {{ app.request.get('_route') == 'central_product_control_duplicates' ? 'is-active' : '' }}">
  83.             Duplicates &amp; Merge
  84.         </a>
  86.         <div class="hb-admin-nav__group-label">Support</div>
  87.         <a href="{{ path('ticket_list') }}"
  88.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'ticket' ? 'is-active' : '' }}">
  89.             <i class="ft-alert-circle"></i> All Tickets
  90.         </a>
  91.         <a href="{{ path('ticket_create') }}"
  92.            class="hb-admin-nav__item hb-admin-nav__item--action">
  93.             <i class="ft-plus-circle"></i> New Ticket
  94.         </a>
  95.     </nav>
  96. </div>
  98. <style>
  99. .hb-admin-sidebar {
  100.     position: fixed;
  101.     top: 0; left: 0;
  102.     width: 220px;
  103.     height: 100vh;
  104.     background: linear-gradient(180deg, #0f2952 0%, #1a3d6e 100%);
  105.     display: flex;
  106.     flex-direction: column;
  107.     z-index: 900;
  108.     overflow-y: auto;
  109.     box-shadow: 4px 0 18px rgba(15,41,82,0.18);
  110. }
  111. .hb-admin-sidebar__brand {
  112.     display: flex;
  113.     align-items: center;
  114.     gap: 10px;
  115.     padding: 22px 20px 18px;
  116.     border-bottom: 1px solid rgba(255,255,255,0.08);
  117. }
  118. .hb-admin-sidebar__logo { font-size: 1.5rem; }
  119. .hb-admin-sidebar__title {
  120.     font-size: 0.92rem;
  121.     font-weight: 700;
  122.     color: #fff;
  123.     letter-spacing: 0.02em;
  124. }
  125. .hb-admin-nav { padding: 10px 0 30px; flex: 1; }
  126. .hb-admin-nav__group-label {
  127.     font-size: 0.65rem;
  128.     font-weight: 700;
  129.     text-transform: uppercase;
  130.     letter-spacing: 0.12em;
  131.     color: rgba(255,255,255,0.35);
  132.     padding: 16px 20px 4px;
  133. }
  134. .hb-admin-nav__item {
  135.     display: flex;
  136.     align-items: center;
  137.     gap: 9px;
  138.     padding: 9px 20px;
  139.     color: rgba(255,255,255,0.72);
  140.     font-size: 0.865rem;
  141.     text-decoration: none;
  142.     transition: background 0.15s, color 0.15s;
  143.     border-radius: 0;
  144.     position: relative;
  145. }
  146. .hb-admin-nav__item:hover,
  147. .hb-admin-nav__item.is-active {
  148.     background: rgba(255,255,255,0.10);
  149.     color: #fff;
  150.     text-decoration: none;
  151. }
  152. .hb-admin-nav__item.is-active::before {
  153.     content: '';
  154.     position: absolute;
  155.     left: 0; top: 0; bottom: 0;
  156.     width: 3px;
  157.     background: #f5c518;
  158.     border-radius: 0 2px 2px 0;
  159. }
  160. .hb-admin-nav__item--sub {
  161.     padding-left: 40px;
  162.     font-size: 0.815rem;
  163.     color: rgba(255,255,255,0.52);
  164. }
  165. .hb-admin-nav__item--sub:hover { color: rgba(255,255,255,0.85); }
  166. .hb-admin-nav__item--action {
  167.     margin: 6px 12px;
  168.     padding: 8px 14px;
  169.     background: rgba(245,197,24,0.12);
  170.     border: 1px solid rgba(245,197,24,0.3);
  171.     border-radius: 7px;
  172.     color: #f5c518;
  173.     font-weight: 600;
  174. }
  175. .hb-admin-nav__item--action:hover {
  176.     background: rgba(245,197,24,0.22);
  177.     color: #f5c518;
  178. }
  179. .hb-admin-nav__divider {
  180.     height: 1px;
  181.     background: rgba(255,255,255,0.08);
  182.     margin: 10px 20px;
  183. }
  184. .hb-admin-badge {
  185.     margin-left: auto;
  186.     background: #e74c3c;
  187.     color: #fff;
  188.     font-size: 0.68rem;
  189.     font-weight: 700;
  190.     border-radius: 10px;
  191.     padding: 1px 7px;
  192.     min-width: 18px;
  193.     text-align: center;
  194. }
  195. /* Push main content right when sidebar is present */
  196. .hb-admin-layout { margin-left: 220px; }
  197. @media (max-width: 900px) {
  198.     .hb-admin-sidebar { display: none; }
  199.     .hb-admin-layout { margin-left: 0; }
  200. }
  201. </style>