{#--Onglet Tarif & Promotions--#}


{#  Contexte promo  #}
{% set now = date() %}
{% set promo = produit.promotion %}
{% set promoActive = promo and promo.startAt <= now and promo.endAt >= now %}
{% set discount = promoActive ? promo.discountValue : 0 %}
{% set discountType = promoActive ? promo.discountType : null %}

{# Prix après remise #}
{% set ht_remise = promoActive
  ? (discountType == 'percent' ? (produit.priceHt - (produit.priceHt * discount / 100)) : (produit.priceHt - discount))
  : produit.priceHt
%}
{% set ttc_remise = promoActive
  ? (discountType == 'percent' ? (produit.priceTtc - (produit.priceTtc * discount / 100)) : (produit.priceTtc - discount))
  : produit.priceTtc
%}

{# % remisé calculé même si remise fixe #}
{% set pct_ht = promoActive and produit.priceHt > 0 ? (100 * (produit.priceHt - ht_remise) / produit.priceHt) : 0 %}
{% set pct_ttc = promoActive and produit.priceTtc > 0 ? (100 * (produit.priceTtc - ttc_remise) / produit.priceTtc) : 0 %}

{#-- Onglet Tarif et Promotion Amélioré --#}
<div class="tab-pane" id="content_pricing_promo" role="tabpanel">
  <input type="hidden" name="tab" value="content_pricing_promo">

  <div class="promo-panel">

    {# --- Bloc Prix --- #}
      <div class="promo-panel-header">
        <span class="promo-panel-icon"><i class="fas fa-tag"></i></span>
        <div>
          <div class="promo-panel-title">Tarification</div>
          <div class="promo-panel-subtitle">Resume des prix et promotions</div>
        </div>
      </div>

      <div class="promo-kpi-strip">
        <div class="promo-kpi-left">
          <div class="promo-kpi">
            <span class="kpi-icon"><i class="fas fa-calculator"></i></span>
            HT: {{ produit.priceHt|number_format(3,'.',',') }} TND
          </div>
          <div class="promo-kpi">
            <span class="kpi-icon"><i class="fas fa-money"></i></span>
            TTC: {{ produit.priceTtc|number_format(3,'.',',') }} TND
          </div>
        </div>
        <div class="promo-kpi-right">
          {% if promoActive %}
            <div class="promo-kpi promo-kpi--success">
              <span class="kpi-icon"><i class="fas fa-percent"></i></span>
              Eco HT: -{{ pct_ht|number_format(0) }}%
            </div>
            <div class="promo-kpi promo-kpi--success">
              <span class="kpi-icon"><i class="fas fa-percent"></i></span>
              Eco TTC: -{{ pct_ttc|number_format(0) }}%
            </div>
          {% else %}
            <div class="promo-kpi promo-kpi--warn">
              <span class="kpi-icon"><i class="fas fa-info-circle"></i></span>
              Aucune remise active
            </div>
          {% endif %}
        </div>
    </div>

    {# === KPIs Tarif & TVA === #}
    {# === Section TARIFS === #}
  <div class="tarif-section mt-4">

    {# ==== KPIs Achat + Vente sur une ligne ==== #}
    <div class="kpi-compact-wrap">
      <div class="row g-1 kpi-compact-row">
        {% if is_granted('ROLE_SUPER_ADMIN') %}
        <div class="col-6 col-md-2 kpi-col">
          <div class="kpi-card kpi-achat">
            <span class="kpi-chip">Achat</span>
            <span class="kpi-label-chip">Prix d'achat HT</span>
            <div class="kpi-value">{{ produit.buyingPriceHt|number_format(3,'.',',') }} <sup>TND</sup></div>
          </div>
        </div>

        <div class="col-6 col-md-2 kpi-col">
          <div class="kpi-card kpi-achat">
            <span class="kpi-chip">Achat</span>
            <span class="kpi-label-chip">TVA Achat</span>
            <div class="kpi-value">
              {% if produit.tvaBuy is null %}Aucune{% else %}{{ produit.tvaBuy.number }} %{% endif %}
            </div>
          </div>
        </div>

        <div class="col-6 col-md-2 kpi-col">
          <div class="kpi-card kpi-achat">
            <span class="kpi-chip">Achat</span>
            <span class="kpi-label-chip">Prix d'achat TTC</span>
            <div class="kpi-value">{{ produit.buyingPriceTtc|number_format(3,'.',',') }} <sup>TND</sup></div>
          </div>
        </div>
        {% endif %}

        <div class="col-6 col-md-2 kpi-col{% if is_granted('ROLE_SUPER_ADMIN') %} kpi-sep{% endif %}">
          <div class="kpi-card kpi-vente">
            <span class="kpi-chip">Vente</span>
            <span class="kpi-label-chip">Prix de vente HT</span>
            <div class="kpi-value">
              {% if promoActive %}
                <span class="kpi-discount">-{{ pct_ht|number_format(0) }}%</span>
                <span class="kpi-strike">{{ produit.priceHt|number_format(3,'.',',') }} TND</span>
                <span class="kpi-current">{{ ht_remise|number_format(3,'.',',') }} TND</span>

              {% else %}
                {{ produit.priceHt|number_format(3,'.',',') }} <sup>TND</sup>
              {% endif %}
            </div>
          </div>
        </div>

        <div class="col-6 col-md-2 kpi-col">
          <div class="kpi-card kpi-vente">
            <span class="kpi-chip">Vente</span>
            <span class="kpi-label-chip">TVA Vente</span>
            <div class="kpi-value">
              {% if produit.tva is null %}Aucune{% else %}{{ produit.tva.number }} %{% endif %}
            </div>
          </div>
        </div>

        <div class="col-6 col-md-2 kpi-col">
          <div class="kpi-card kpi-vente">
            <span class="kpi-chip">Vente</span>
            <span class="kpi-label-chip">Prix de vente TTC</span>
            <div class="kpi-value">
              {% if promoActive %}
                <span class="kpi-discount">-{{ pct_ttc|number_format(0) }}%</span>
                <span class="kpi-strike">{{ produit.priceTtc|number_format(3,'.',',') }} TND</span>
                <span class="kpi-current">{{ ttc_remise|number_format(3,'.',',') }} TND</span>

              {% else %}
                {{ produit.priceTtc|number_format(3,'.',',') }} <sup>TND</sup>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>




    {% if "PRODUIT_UPDATE" in rights %}

      {# Bloc promotion #}
      <div class="promo-panel-header mt-5">
        <span class="promo-panel-icon"><i class="fas fa-bolt"></i></span>
        <div>
          <div class="promo-panel-title">Promotion</div>
          <div class="promo-panel-subtitle">Seules les promotions actives et en cours de validité sont affichées dans cette liste.</div>
        </div>
      </div>

      <form method="POST" action="{{ path('produit_promotion', {'id' : produit.id }) }}" id="promotion-form" class="js-product-promotion-form">
        <div class="promo-section mb-3">
          <div class="promo-list-toolbar w-100">
            <div class="d-flex align-items-center gap-2 promo-actions">
              {% if promo %}
                {# Bouton : mettre fin ? la promotion en cours #}
                {% if promoActive %}
                    {# Promo encore valable -> ouvrir la modale #}
                    <button type="button"
                            class="btn btn-outline-danger rounded me-2 js-open-end-promotion promo-action-btn"
                            data-url="{{ path('produit_promotion_end_modal', { id: produit.id }) }}"
                            title="Mettre fin ? la promotion"
                            style = "margin-left : 5px;margin-right : 5px;">
                      <i class="fas fa-stop"></i>
                      <span>Mettre fin</span>
                    </button>
                {% else %}
                    {# Promo expir?e -> POST direct sans modale #}
                  <button type="button"
                          class="btn btn-outline-danger rounded me-2 promo-action-btn"
                          data-role="promo-end-direct"
                          title="Mettre fin ? la promotion (expiration automatique)"
                          style = "margin-left : 5px;margin-right : 5px;"
                          formaction="{{ path('produit_promotion_end', {'id': produit.id}) }}"
                          formmethod="POST"
                          formnovalidate>
                    <i class="fas fa-stop"></i>
                    <span>Mettre fin</span>
                  </button>
                {% endif %}
              {% endif %}

              {# Bouton : appliquer la promotion s?lectionn?e #}
              <button type="button"
                      class="btn btn-dark rounded me-2 promo-action-btn js-promo-apply"
                      data-bs-toggle="tooltip"
                      title="Appliquer la promotion"
                      {% if produit.promotion %}disabled{% endif %}
                      style = "margin-right : 5px;">
                <i class="fas fa-check"></i>
                <span>Appliquer</span>
              </button>

              {# Bouton : afficher l?historique des promotions #}
              <button type="button"
                      class="btn btn-secondary rounded me-2 js-open-promotion-history promo-action-btn"
                      data-url="{{ path('produit_promotion_history_modal', { id: produit.id }) }}"
                      title="Historique des promotions"
                      style = "margin-right : 5px;">
                <i class="fas fa-history"></i>
                <span>Historique</span>
              </button>
            </div>
          </div>

          <input type="hidden" name="form_promotion[promotion]" id="promotion_selection" value="{{ produit.promotion ? produit.promotion.id : '' }}">
          {% set today = "now"|date("Y-m-d") %}
          {% set percentPromotions = [] %}
          {% set amountPromotions = [] %}
          {% for promotion in promotions %}
            {% if promotion.isEnabled
              and promotion.startAt|date("Y-m-d") <= today
              and promotion.endAt|date("Y-m-d") >= today
            %}
              {% if promotion.discountType == 'percent' %}
                {% set percentPromotions = percentPromotions|merge([promotion]) %}
              {% else %}
                {% set amountPromotions = amountPromotions|merge([promotion]) %}
              {% endif %}
            {% endif %}
          {% endfor %}
          {% set percentPromotions = percentPromotions|sort((a, b) => a.discountValue <=> b.discountValue) %}
          {% set amountPromotions = amountPromotions|sort((a, b) => a.discountValue <=> b.discountValue) %}

          <div class="promo-grid promo-grid-full{% if promo %} is-disabled{% endif %}">
            <button type="button"
                    class="promo-card promo-item{% if not produit.promotion %} active{% endif %}"
                    data-value="">
              <span class="promo-card-title">Aucune Promotion</span>
              <span class="promo-card-pill">-</span>
            </button>
          </div>

          <div class="row g-3 mt-1 promo-groups{% if promo %} is-disabled{% endif %}">
            <div class="col-lg-6">
              <div class="small fw-semibold text-uppercase text-muted mb-2">Remises en %</div>
              <div class="promo-grid promo-grid-list">
                {% for promotion in percentPromotions %}
                  <button type="button"
                          class="promo-card promo-item{% if produit.promotion and produit.promotion.id == promotion.id %} active{% endif %}"
                          data-value="{{ promotion.id }}">
                    <span class="promo-card-title">{{ promotion.name }}</span>
                    <span class="promo-card-meta">
                      <span class="promo-card-pill">{{ promotion.discountValue }}%</span>
                      <span class="promo-card-pill promo-card-pill-date">{{ promotion.startAt|date('d/m/Y') }} - {{ promotion.endAt|date('d/m/Y') }}</span>
                    </span>
                  </button>
                {% else %}
                  <div class="text-muted small py-2">Aucune remise en pourcentage.</div>
                {% endfor %}
              </div>
            </div>

            <div class="col-lg-6">
              <div class="small fw-semibold text-uppercase text-muted mb-2">Remises en montant</div>
              <div class="promo-grid promo-grid-list">
                {% for promotion in amountPromotions %}
                  <button type="button"
                          class="promo-card promo-item{% if produit.promotion and produit.promotion.id == promotion.id %} active{% endif %}"
                          data-value="{{ promotion.id }}">
                    <span class="promo-card-title">{{ promotion.name }}</span>
                    <span class="promo-card-meta">
                      <span class="promo-card-pill">{{ promotion.discountValue|number_format(3, '.', ',') }} TND</span>
                      <span class="promo-card-pill promo-card-pill-date">{{ promotion.startAt|date('d/m/Y') }} - {{ promotion.endAt|date('d/m/Y') }}</span>
                    </span>
                  </button>
                {% else %}
                  <div class="text-muted small py-2">Aucune remise en montant.</div>
                {% endfor %}
              </div>
            </div>
          </div>
          </div>
        </div>
      </form>

    {% endif %}

    {% if promo %}
      {% set total = (promo.endAt|date('U') - promo.startAt|date('U')) %}
      {% set elapsed = (now|date('U') - promo.startAt|date('U')) %}
      {% set ratio = total > 0 ? (100 * (elapsed / total)) : 0 %}
      {% set ratio = ratio < 0 ? 0 : (ratio > 100 ? 100 : ratio) %}
      {% set jours_restant = ((promo.endAt|date('U') - now|date('U')) / 86400)|round(0,'ceil') %}


      {% if produit.promotion %}

          {# --- Bloc Détails Promotion (séparé visuellement) --- #}



            <div class="promotion-details mt-4 p-3 rounded shadow-sm border bg-light">
              {% set now = date() %}
              {% set jours_restant = ((produit.promotion.endAt|date('U') - now|date('U')) / 86400)|round(0, 'ceil') %}

              {% if promoActive %}
                <div class="promo-status" aria-live="polite">
                  <div class="promo-status-left">
                    <span class="promo-status-icon"><i class="fas fa-bolt"></i></span>
                    <span class="promo-status-text">Promotion en cours</span>
                  </div>
                  <span class="promo-status-badge">{{ jours_restant }} jour{% if jours_restant>1 %}s{% endif %} restants</span>
                </div>
                <div class="promo-progress"><span style="width: {{ ratio }}%;"></span></div>
              {% else %}
                <div class="promo-status promo-status--inactive" role="alert">
                  <div class="promo-status-left">
                    <span class="promo-status-icon"><i class="fas fa-exclamation-triangle"></i></span>
                    <span class="promo-status-text">
                      Promotion expirée ({{ promo.startAt|date('d/m/Y') }} – {{ promo.endAt|date('d/m/Y') }})
                    </span>
                  </div>
                  <span class="promo-status-badge">À clôturer</span>
                </div>
              {% endif %}
        {% endif %}

        <div class="promo-detail-grid">
          <div class="promo-detail-item">
            <span class="promo-detail-label">Nom</span>
            <span class="promo-detail-value">{{ produit.promotion.name }}</span>
          </div>
          <div class="promo-detail-item">
            <span class="promo-detail-label">Remise</span>
            <span class="promo-detail-value">
              {{ produit.promotion.discountValue }}
              {% if produit.promotion.discountType == 'percent' %}%{% else %}<sup>TND</sup>{% endif %}
            </span>
          </div>
          <div class="promo-detail-item promo-detail-wide">
            <span class="promo-detail-label">Description</span>
            <span class="promo-detail-value promo-detail-value-plain">{{ produit.promotion.description }}</span>
          </div>

          <div class="promo-detail-item">
            <span class="promo-detail-label">Début</span>
            <span class="promo-detail-value">{{ produit.promotion.startAt|date("d/m/Y H:i") }}</span>
          </div>
          <div class="promo-detail-item">
            <span class="promo-detail-label">Fin</span>
            <span class="promo-detail-value">{{ produit.promotion.endAt|date("d/m/Y H:i") }}</span>
          </div>
        </div>
      </div>

    {% endif %}

  </div>
</div>
<script>
(function () {

  /* ============================
     Sélection d’une promotion
     ============================ */
  document.addEventListener('click', function (e) {
    var item = e.target.closest('.promo-item');
    if (!item) return;

    var list = item.closest('.promo-grid');
    if (list && list.classList.contains('is-disabled')) return;

    if (list) {
      var actives = list.querySelectorAll('.promo-item.active');
      for (var i = 0; i < actives.length; i++) {
        actives[i].classList.remove('active');
      }
      item.classList.add('active');
    }

    var input = document.getElementById('promotion_selection');
    if (input) {
      input.value = item.getAttribute('data-value') || '';
    }
  });

  /* ============================
     Soumission du formulaire
     ============================ */
  document.addEventListener('submit', function (e) {
    var form = e.target;
    if (!form || form.id !== 'promotion-form') return;

    // Détection du bouton cliqué (fallback ES5)
    var submitter = e.submitter;
    if (!submitter) {
      var active = document.activeElement;
      if (active && active.type === 'submit') {
        submitter = active;
      }
    }

    if (!submitter || !submitter.classList.contains('js-promo-apply')) {
      return;
    }

    var input = document.getElementById('promotion_selection');
    if (!input || input.value) return;

    e.preventDefault();

    if (typeof Swal !== 'undefined' && typeof Swal.fire === 'function') {
      Swal.fire({
        title: 'Promotion',
        text: 'Sélectionnez une promotion.',
        icon: 'warning'
      });
    } else {
      alert('Sélectionnez une promotion.');
    }

  });

})();
</script>