src/UserPanel/Modules/OnlineService/Templates/Creator/partials/form.html.twig line 1

  1. {% form_theme form 'Form/fields.html.twig' %}
  3. {{ form_start(form, { 'attr': { 'id': 'creator_form' } }) }}
  5. <div class="row g-4">
  6.     <div class="col-lg-8">
  7.         {% for itemForm in form.items %}
  8.             {% set item = null %}
  9.             {% for choice in form.items.vars.choices %}
  10.                 {% if choice.data.id == itemForm.vars.value %}
  11.                     {% set item = choice.data %}
  12.                 {% endif %}
  13.             {% endfor %}
  14.             <div class="item_container glass-card service-row p-4 mb-3 d-flex align-items-center justify-content-between {{ itemForm.vars.checked ? 'selected' : '' }}" data-id="{{ item.id }}" data-required="{{ item.isRequired ? 'true' : 'false' }}">
  15.                 {{ form_widget(itemForm, { 'attr': { 'style': 'display: none' } }) }}
  17.                 <div class="d-flex align-items-center">
  18.                     <div class="me-3">
  19.                         <div class="checkbox-box border" style="{{ itemForm.vars.checked ? 'background: #0d6efd; border-color: #0d6efd' : 'background: #fff; border-color: #cbd5e1' }}">
  20.                             <i class="check_icon bi bi-check-lg {{ itemForm.vars.checked ? 'text-white' : 'text-dark' }}" {% if not itemForm.vars.checked %}style="display: none"{% endif %}></i>
  21.                         </div>
  22.                     </div>
  23.                     <div>
  24.                         <div class="d-flex align-items-center gap-2">
  25.                             <h6 class="fw-bold mb-0 text-dark">{{ item.priceListItem.name }}</h6>
  26.                         </div>
  27.                         {% if item.priceListItem.description != '' %}
  28.                             <p class="small text-muted mb-0 mt-1">{{ item.priceListItem.description }}</p>
  29.                         {% endif %}
  30.                     </div>
  31.                 </div>
  32.                 <div class="text-end">
  33.                     <div class="fw-bold text-dark fs-5">{{ item.priceListItem.price|formatPrice }}</div>
  34.                     <div class="text-muted" style="font-size: 0.7rem;">netto / m-c</div>
  35.                 </div>
  36.             </div>
  37.         {% endfor %}
  38.     </div>
  39.     <div class="col-lg-4">
  40.         <div class="glass-card p-4 sidebar-summary shadow-lg border-primary border-opacity-10 aos-init aos-animate" data-aos="fade-left">
  41.             <h5 class="fw-bold mb-4 d-flex align-items-center">
  42.                 <i class="bi bi-calculator text-primary me-2"></i> Podsumowanie oferty
  43.             </h5>
  45.             {% if form.items.vars.data|length %}
  46.                 <div class="mb-4">
  47.                     {% for item in form.items.vars.data %}
  48.                         <div class="d-flex justify-content-between mb-2 small animate__animated animate__fadeIn">
  49.                             <span class="text-muted">{{ item.priceListItem.name }}</span>
  50.                             <span class="fw-semibold">{{ item.priceListItem.price|formatPrice }}</span>
  51.                         </div>
  52.                     {% endfor %}
  53.                 </div>
  54.             {% endif %}
  56.             <div class="{{ form.items.vars.data|length ? 'border-top pt-3' : '' }}">
  57.                 <div class="d-flex justify-content-between align-items-center mb-1">
  58.                     <span class="text-muted fw-medium">Suma netto/mc</span>
  59.                     <span class="fs-3 fw-bold text-dark">{{ formType.summaryData.total_price|formatPrice }}</span>
  60.                 </div>
  61.                 <div class="d-flex justify-content-between align-items-center text-muted small mb-4">
  62.                     <span>+ {{ formType.summaryData.vat }}% VAT</span>
  63.                     <span>{{ (formType.summaryData.total_gross_price - formType.summaryData.total_price)|formatPrice }}</span>
  64.                 </div>
  65.             </div>
  67.             <button class="btn btn-primary-custom w-full d-flex align-items-center justify-content-center gap-2 text-white w-100" {% if form.items.vars.data|length == 0 %}disabled="disabled"{% endif %}>
  68.                 <span>Dodaj do koszyka</span>
  69.                 <i class="bi bi-arrow-right"></i>
  70.             </button>
  72.             <div class="text-center mt-4">
  73.                 <small class="text-uppercase fw-bold text-muted" style="font-size: 10px; letter-spacing: 1px;">Gwarancja stałej ceny przez 12 m-cy</small>
  74.             </div>
  75.         </div>
  76.     </div>
  77. </div>
  79. {{ form_end(form) }}