src/Front/Modules/Cart/Templates/Cart/partials/cartWidget.html.twig line 1

  1. <div id="cart_widget_container">
  2.     <style>
  3.         .cart-badge {
  4.             position: absolute;
  5.             top: -5px;
  6.             right: -5px;
  7.             font-size: 0.65rem;
  8.             padding: 0.25em 0.6em;
  9.         }
  11.         .cart-dropdown {
  12.             width: 320px;
  13.             border: 1px solid var(--glass-border);
  14.             border-radius: 1rem;
  15.             box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  16.             padding: 1rem;
  17.         }
  18.     </style>
  20.     <div class="dropdown me-lg-3">
  22.         <button class="btn btn-light position-relative rounded-pill" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  23.             <span class="pe-3">Koszyk</span>
  24.             <i class="bi bi-cart3 fs-5"></i>
  25.             {% if data.total_quantity %}
  26.                 <span class="position-absolute cart-badge badge rounded-pill bg-danger">
  27.                     {{ data.total_quantity }}
  28.                 </span>
  29.             {% endif %}
  30.         </button>
  31.         <div class="dropdown-menu dropdown-menu-end cart-dropdown p-3 mt-3">
  32.             <h6 class="fw-bold mb-3">Podgląd koszyka</h6>
  34.             {% if data.total_quantity %}
  35.                 <div class="mb-3" id="mini-cart-items">
  36.                     {% for categoryData in data.online_services %}
  37.                         {% for itemData in categoryData.items %}
  38.                             <div class="d-flex justify-content-between align-items-center mb-2 small">
  39.                                 <span class="text-truncate" style="max-width: 180px;">{{ categoryData.entity.name }}: {{ itemData.entity.priceListItem.name }}</span>
  40.                                 <span class="fw-bold">{{ itemData.entity.priceListItem.price|formatPrice }}</span>
  41.                             </div>
  42.                         {% endfor %}
  43.                     {% endfor %}
  44.                 </div>
  45.                 <div class="border-top pt-2 mb-3 d-flex justify-content-between align-items-center">
  46.                     <span class="small text-muted">Suma netto:</span>
  47.                     <span class="fw-bold text-primary">{{ data.total_items_price|formatPrice }}</span>
  48.                 </div>
  49.                 <a href="{{ path(isUserPanelCart ? 'user_panel_cart_details' : 'front_cart_details') }}"
  50.                 class="btn btn-primary btn-sm w-100 rounded-pill">Przejdź do koszyka</a>
  51.             {% else %}
  52.                 Brak produktów w koszyku.
  53.             {% endif %}
  54.         </div>
  55.     </div>
  56. </div>
  58. {% if not app.request.isXmlHttpRequest %}
  59.     <script type="text/javascript" src="{{ asset('assets/app/front/modules/cart/js/cart_widget.js') }}"></script>
  60.     <script type="text/javascript">
  61.         $(document).ready(function ()
  62.         {
  63.             CartWidgetSettings = {
  64.                 updateUrl: '{{ path('front_cart_widget_update_ajax', { 'isUserPanelCart': isUserPanelCart ? 1 : 0}) }}'
  65.             };
  67.             CartWidget.init();
  68.         });
  69.     </script>
  70. {% endif %}