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">Platform</div>
  15.         <a href="{{ path('admin_control') }}"
  16.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_control' and not (app.request.get('_route') starts with 'admin_control_aie') and not (app.request.get('_route') starts with 'admin_control_m2e') ? 'is-active' : '' }}">
  17.             <i class="ft-sliders"></i> Control Console
  18.         </a>
  19.         <a href="{{ path('admin_control_aie') }}"
  20.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_control_aie' ? 'is-active' : '' }}">
  21.             <i class="ft-users"></i> AI Employees
  22.         </a>
  23.         <a href="{{ path('admin_control_m2e') }}"
  24.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_control_m2e' ? 'is-active' : '' }}">
  25.             <i class="ft-award"></i> M2E Authority
  26.         </a>
  27.         <a href="{{ path('fleet_health') }}"
  28.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'fleet_health' ? 'is-active' : '' }}">
  29.             <i class="ft-activity"></i> Fleet Health
  30.         </a>
  31.         <a href="{{ path('energy_bridge_monitor') }}"
  32.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'energy_bridge' ? 'is-active' : '' }}">
  33.             <i class="ft-zap"></i> Energy Bridge
  34.         </a>
  35.         <a href="{{ path('leadgen_dashboard') }}"
  36.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'leadgen' ? 'is-active' : '' }}">
  37.             <i class="ft-send"></i> LeadGen
  38.         </a>
  40.         <div class="hb-admin-nav__group-label">Quotes</div>
  41.         <a href="{{ path('admin_sales_workspace') }}"
  42.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_sales' ? 'is-active' : '' }}">
  43.             <i class="ft-users"></i> Sales Workspace
  44.         </a>
  45.         <a href="{{ path('admin_customer_handoffs') }}"
  46.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_customer_handoff' ? 'is-active' : '' }}">
  47.             <i class="ft-user-check"></i> Customer Handoffs
  48.         </a>
  49.         <a href="{{ path('admin_quotes_list') }}"
  50.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_quote' ? 'is-active' : '' }}">
  51.             <i class="ft-file-text"></i> All Quotes
  52.             {% set _pending_quotes = pending_quotes_count|default(0) %}
  53.             {% if _pending_quotes > 0 %}
  54.                 <span class="hb-admin-badge">{{ _pending_quotes }}</span>
  55.             {% endif %}
  56.         </a>
  57.         <a href="{{ path('admin_quotes_list', {status: 'requested'}) }}"
  58.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  59.             Requested
  60.         </a>
  61.         <a href="{{ path('admin_quotes_list', {status: 'modified'}) }}"
  62.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  63.             Modified
  64.         </a>
  65.         <a href="{{ path('admin_quotes_list', {status: 'accepted'}) }}"
  66.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  67.             Accepted
  68.         </a>
  69.         <a href="{{ path('admin_quotes_list', {status: 'rejected'}) }}"
  70.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  71.             Rejected
  72.         </a>
  73.         <a href="{{ path('admin_quote_create') }}"
  74.            class="hb-admin-nav__item hb-admin-nav__item--action">
  75.             <i class="ft-plus-circle"></i> New Quote
  76.         </a>
  78.         <div class="hb-admin-nav__group-label">Invoices</div>
  79.         <a href="{{ path('admin_invoices_list') }}"
  80.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_invoice' ? 'is-active' : '' }}">
  81.             <i class="ft-dollar-sign"></i> All Invoices
  82.         </a>
  83.         <a href="{{ path('admin_invoices_list', {status: 'pending'}) }}"
  84.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  85.             Pending
  86.         </a>
  87.         <a href="{{ path('admin_invoices_list', {status: 'paid'}) }}"
  88.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  89.             Paid
  90.         </a>
  91.         <a href="{{ path('admin_invoices_list', {status: 'failed'}) }}"
  92.            class="hb-admin-nav__item hb-admin-nav__item--sub">
  93.             Failed
  94.         </a>
  95.         <a href="{{ path('admin_provisioning_queue') }}"
  96.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'admin_provisioning' ? 'is-active' : '' }}">
  97.             <i class="ft-loader"></i> Provisioning Queue
  98.         </a>
  100.         <div class="hb-admin-nav__group-label">Companies</div>
  101.         <a href="{{ path('admin_companies_list') }}"
  102.            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' : '' }}">
  103.             <i class="ft-briefcase"></i> Company List
  104.         </a>
  105.         <a href="{{ path('admin_companies_list') }}"
  106.            class="hb-admin-nav__item hb-admin-nav__item--sub {{ app.request.get('_route') in ['admin_company_settings', 'admin_company_module_settings'] ? 'is-active' : '' }}">
  107.             Company Settings
  108.         </a>
  109.         <a href="{{ path('owner_dashboard') }}"
  110.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'owner_' ? 'is-active' : '' }}">
  111.             <i class="ft-grid"></i> Owner Portal
  112.         </a>
  114.         <div class="hb-admin-nav__group-label">Catalog</div>
  115.         <a href="{{ path('central_product_control') }}"
  116.            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' : '' }}">
  117.             <i class="ft-box"></i> Product Control
  118.         </a>
  119.         <a href="{{ path('central_product_control_duplicates') }}"
  120.            class="hb-admin-nav__item hb-admin-nav__item--sub {{ app.request.get('_route') == 'central_product_control_duplicates' ? 'is-active' : '' }}">
  121.             Duplicates &amp; Merge
  122.         </a>
  124.         <div class="hb-admin-nav__group-label">Support</div>
  125.         <a href="{{ path('ticket_list') }}"
  126.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'ticket' ? 'is-active' : '' }}">
  127.             <i class="ft-alert-circle"></i> All Tickets
  128.         </a>
  129.         <a href="{{ path('ticket_create') }}"
  130.            class="hb-admin-nav__item hb-admin-nav__item--action">
  131.             <i class="ft-plus-circle"></i> New Ticket
  132.         </a>
  133.     </nav>
  134. </div>
  136. <style>
  137. .hb-admin-sidebar {
  138.     position: fixed;
  139.     top: 0; left: 0;
  140.     width: 220px;
  141.     height: 100vh;
  142.     background: linear-gradient(180deg, #0f2952 0%, #1a3d6e 100%);
  143.     display: flex;
  144.     flex-direction: column;
  145.     z-index: 900;
  146.     overflow-y: auto;
  147.     box-shadow: 4px 0 18px rgba(15,41,82,0.18);
  148. }
  149. .hb-admin-sidebar__brand {
  150.     display: flex;
  151.     align-items: center;
  152.     gap: 10px;
  153.     padding: 22px 20px 18px;
  154.     border-bottom: 1px solid rgba(255,255,255,0.08);
  155. }
  156. .hb-admin-sidebar__logo { font-size: 1.5rem; }
  157. .hb-admin-sidebar__title {
  158.     font-size: 0.92rem;
  159.     font-weight: 700;
  160.     color: #fff;
  161.     letter-spacing: 0.02em;
  162. }
  163. .hb-admin-nav { padding: 10px 0 30px; flex: 1; }
  164. .hb-admin-nav__group-label {
  165.     font-size: 0.65rem;
  166.     font-weight: 700;
  167.     text-transform: uppercase;
  168.     letter-spacing: 0.12em;
  169.     color: rgba(255,255,255,0.35);
  170.     padding: 16px 20px 4px;
  171. }
  172. .hb-admin-nav__item {
  173.     display: flex;
  174.     align-items: center;
  175.     gap: 9px;
  176.     padding: 9px 20px;
  177.     color: rgba(255,255,255,0.72);
  178.     font-size: 0.865rem;
  179.     text-decoration: none;
  180.     transition: background 0.15s, color 0.15s;
  181.     border-radius: 0;
  182.     position: relative;
  183. }
  184. .hb-admin-nav__item:hover,
  185. .hb-admin-nav__item.is-active {
  186.     background: rgba(255,255,255,0.10);
  187.     color: #fff;
  188.     text-decoration: none;
  189. }
  190. .hb-admin-nav__item.is-active::before {
  191.     content: '';
  192.     position: absolute;
  193.     left: 0; top: 0; bottom: 0;
  194.     width: 3px;
  195.     background: #f5c518;
  196.     border-radius: 0 2px 2px 0;
  197. }
  198. .hb-admin-nav__item--sub {
  199.     padding-left: 40px;
  200.     font-size: 0.815rem;
  201.     color: rgba(255,255,255,0.52);
  202. }
  203. .hb-admin-nav__item--sub:hover { color: rgba(255,255,255,0.85); }
  204. .hb-admin-nav__item--action {
  205.     margin: 6px 12px;
  206.     padding: 8px 14px;
  207.     background: rgba(245,197,24,0.12);
  208.     border: 1px solid rgba(245,197,24,0.3);
  209.     border-radius: 7px;
  210.     color: #f5c518;
  211.     font-weight: 600;
  212. }
  213. .hb-admin-nav__item--action:hover {
  214.     background: rgba(245,197,24,0.22);
  215.     color: #f5c518;
  216. }
  217. .hb-admin-nav__divider {
  218.     height: 1px;
  219.     background: rgba(255,255,255,0.08);
  220.     margin: 10px 20px;
  221. }
  222. .hb-admin-badge {
  223.     margin-left: auto;
  224.     background: #e74c3c;
  225.     color: #fff;
  226.     font-size: 0.68rem;
  227.     font-weight: 700;
  228.     border-radius: 10px;
  229.     padding: 1px 7px;
  230.     min-width: 18px;
  231.     text-align: center;
  232. }
  233. /* Push main content right when sidebar is present */
  234. .hb-admin-layout { margin-left: 220px; }
  235. @media (max-width: 900px) {
  236.     .hb-admin-sidebar { display: none; }
  237.     .hb-admin-layout { margin-left: 0; }
  238. }
  239. </style>