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('super_admin_command_center') }}"
  64.            class="hb-admin-nav__item {{ app.request.get('_route') == 'super_admin_command_center' ? 'is-active' : '' }}">
  65.             <i class="ft-briefcase"></i> All Companies
  66.         </a>
  67.         <a href="{{ path('owner_dashboard') }}"
  68.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'owner_' ? 'is-active' : '' }}">
  69.             <i class="ft-grid"></i> Owner Portal
  70.         </a>
  72.         <div class="hb-admin-nav__group-label">Support</div>
  73.         <a href="{{ path('ticket_list') }}"
  74.            class="hb-admin-nav__item {{ app.request.get('_route') starts with 'ticket' ? 'is-active' : '' }}">
  75.             <i class="ft-alert-circle"></i> All Tickets
  76.         </a>
  77.         <a href="{{ path('ticket_create') }}"
  78.            class="hb-admin-nav__item hb-admin-nav__item--action">
  79.             <i class="ft-plus-circle"></i> New Ticket
  80.         </a>
  81.     </nav>
  82. </div>
  84. <style>
  85. .hb-admin-sidebar {
  86.     position: fixed;
  87.     top: 0; left: 0;
  88.     width: 220px;
  89.     height: 100vh;
  90.     background: linear-gradient(180deg, #0f2952 0%, #1a3d6e 100%);
  91.     display: flex;
  92.     flex-direction: column;
  93.     z-index: 900;
  94.     overflow-y: auto;
  95.     box-shadow: 4px 0 18px rgba(15,41,82,0.18);
  96. }
  97. .hb-admin-sidebar__brand {
  98.     display: flex;
  99.     align-items: center;
  100.     gap: 10px;
  101.     padding: 22px 20px 18px;
  102.     border-bottom: 1px solid rgba(255,255,255,0.08);
  103. }
  104. .hb-admin-sidebar__logo { font-size: 1.5rem; }
  105. .hb-admin-sidebar__title {
  106.     font-size: 0.92rem;
  107.     font-weight: 700;
  108.     color: #fff;
  109.     letter-spacing: 0.02em;
  110. }
  111. .hb-admin-nav { padding: 10px 0 30px; flex: 1; }
  112. .hb-admin-nav__group-label {
  113.     font-size: 0.65rem;
  114.     font-weight: 700;
  115.     text-transform: uppercase;
  116.     letter-spacing: 0.12em;
  117.     color: rgba(255,255,255,0.35);
  118.     padding: 16px 20px 4px;
  119. }
  120. .hb-admin-nav__item {
  121.     display: flex;
  122.     align-items: center;
  123.     gap: 9px;
  124.     padding: 9px 20px;
  125.     color: rgba(255,255,255,0.72);
  126.     font-size: 0.865rem;
  127.     text-decoration: none;
  128.     transition: background 0.15s, color 0.15s;
  129.     border-radius: 0;
  130.     position: relative;
  131. }
  132. .hb-admin-nav__item:hover,
  133. .hb-admin-nav__item.is-active {
  134.     background: rgba(255,255,255,0.10);
  135.     color: #fff;
  136.     text-decoration: none;
  137. }
  138. .hb-admin-nav__item.is-active::before {
  139.     content: '';
  140.     position: absolute;
  141.     left: 0; top: 0; bottom: 0;
  142.     width: 3px;
  143.     background: #f5c518;
  144.     border-radius: 0 2px 2px 0;
  145. }
  146. .hb-admin-nav__item--sub {
  147.     padding-left: 40px;
  148.     font-size: 0.815rem;
  149.     color: rgba(255,255,255,0.52);
  150. }
  151. .hb-admin-nav__item--sub:hover { color: rgba(255,255,255,0.85); }
  152. .hb-admin-nav__item--action {
  153.     margin: 6px 12px;
  154.     padding: 8px 14px;
  155.     background: rgba(245,197,24,0.12);
  156.     border: 1px solid rgba(245,197,24,0.3);
  157.     border-radius: 7px;
  158.     color: #f5c518;
  159.     font-weight: 600;
  160. }
  161. .hb-admin-nav__item--action:hover {
  162.     background: rgba(245,197,24,0.22);
  163.     color: #f5c518;
  164. }
  165. .hb-admin-nav__divider {
  166.     height: 1px;
  167.     background: rgba(255,255,255,0.08);
  168.     margin: 10px 20px;
  169. }
  170. .hb-admin-badge {
  171.     margin-left: auto;
  172.     background: #e74c3c;
  173.     color: #fff;
  174.     font-size: 0.68rem;
  175.     font-weight: 700;
  176.     border-radius: 10px;
  177.     padding: 1px 7px;
  178.     min-width: 18px;
  179.     text-align: center;
  180. }
  181. /* Push main content right when sidebar is present */
  182. .hb-admin-layout { margin-left: 220px; }
  183. @media (max-width: 900px) {
  184.     .hb-admin-sidebar { display: none; }
  185.     .hb-admin-layout { margin-left: 0; }
  186. }
  187. </style>