@extends('layouts.app')

@section('title', 'Deals of the Day')

@section('content')
<script>window.dealsCurrentDuration = @json($currentDealDuration ?? null);</script>
@php
    $dealsFeeDefaults = $dealsFeeDefaults ?? \App\Models\BusinessFeeSetting::get()->dealsFormDefaults();
@endphp
<h1>Deals of the Day</h1>

@if(is_array($homeSectionAlert ?? null))
    <section class="deals-home-section-alert" role="alert" style="background:#fef2f2; border:1px solid #fecaca; border-radius:8px; padding:0.9rem 1.1rem; margin-bottom:1.25rem;">
        <p style="margin:0 0 0.4rem; font-weight:700; color:#991b1b;">{{ $homeSectionAlert['headline'] ?? 'Deal active, but homepage section is missing' }}</p>
        <p style="margin:0; font-size:0.85rem; color:#7f1d1d; line-height:1.45;">
            Shopify did not keep <code>deal_of_the_day_app</code> on the home template. Use Settings → Deals → Add section to theme, or apply the deal again.
        </p>
        @if(!empty($homeSectionAlert['error']))
            <details style="margin-top:0.55rem;">
                <summary style="cursor:pointer; font-size:0.8rem; color:#9a3412;">Technical detail</summary>
                <pre style="margin:0.45rem 0 0; white-space:pre-wrap; font-size:0.75rem; color:#7c2d12;">{{ $homeSectionAlert['error'] }}</pre>
            </details>
        @endif
    </section>
@endif

<section class="deals-stats-card" style="background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:1.25rem; margin-bottom:1.5rem;">
    <div class="deals-stats-grid" style="display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:1rem 1.5rem;">
        <div class="deals-stat-item" style="display:flex; flex-direction:column; gap:0.25rem;">
            <span class="deals-stat-label" style="font-size:0.8rem; color:#6b7280; line-height:1.2;" title="Paid orders that include at least one product from the current deal(s)">Orders completed</span>
            <span class="deals-stat-value" style="font-size:1.5rem; font-weight:700; color:#111;">{{ $dealStats['orders_completed'] ?? 0 }}</span>
        </div>
        <div class="deals-stat-item" style="display:flex; flex-direction:column; gap:0.25rem;">
            <span class="deals-stat-label" style="font-size:0.8rem; color:#6b7280; line-height:1.2;" title="Different people (sessions) who added deal products to cart">Cart adds</span>
            <span class="deals-stat-value" style="font-size:1.5rem; font-weight:700; color:#111;">
                @php
                    $cartSessions = (int)($dealStats['cart_adds_unique_sessions'] ?? $dealStats['cart_adds'] ?? 0);
                    $cartEvents = (int)($dealStats['cart_adds'] ?? 0);
                @endphp
                {{ $cartSessions }}@if($cartEvents > 0 && $cartEvents !== $cartSessions) <span style="font-size:0.85rem; font-weight:500; color:#6b7280;" title="Total eventos (mismo carrito puede sumar varios)">({{ $cartEvents }} eventos)</span>@endif
            </span>
        </div>
        <div class="deals-stat-item" style="display:flex; flex-direction:column; gap:0.25rem;">
            <span class="deals-stat-label" style="font-size:0.8rem; color:#6b7280; line-height:1.2;" title="Different people (sessions) who added deal products to checkout">Checkout adds</span>
            <span class="deals-stat-value" style="font-size:1.5rem; font-weight:700; color:#111;">
                @php
                    $checkSessions = (int)($dealStats['checkout_adds_unique_sessions'] ?? $dealStats['checkout_adds'] ?? 0);
                    $checkEvents = (int)($dealStats['checkout_adds'] ?? 0);
                @endphp
                {{ $checkSessions }}@if($checkEvents > 0 && $checkEvents !== $checkSessions) <span style="font-size:0.85rem; font-weight:500; color:#6b7280;" title="Total eventos (mismo checkout puede sumar varios)">({{ $checkEvents }} eventos)</span>@endif
            </span>
        </div>
        <div class="deals-stat-item" style="display:flex; flex-direction:column; gap:0.25rem;">
            <span class="deals-stat-label" style="font-size:0.8rem; color:#6b7280; line-height:1.2;" title="Views of the Deal of the Day section on the storefront">Views</span>
            <span class="deals-stat-value" style="font-size:1.5rem; font-weight:700; color:#111;">{{ $dealStats['views'] ?? 0 }}</span>
        </div>
    </div>
    <p class="deals-stats-note" style="margin:0.75rem 0 0 0; font-size:0.8rem; color:#6b7280; line-height:1.45;"><strong>Cart adds</strong> and <strong>Checkout adds</strong> = different people (unique sessions). If one person adds several items, it still counts as 1. All numbers are for the <strong>current deal period</strong> (active deal start–end). When the deal ends, stats reset to 0. Stats refresh every 5 minutes. <a href="{{ route('deals.index', ['refresh' => 1]) }}">Refresh stats now</a></p>
</section>

<div class="deals-toolbar" style="margin-bottom:1.5rem;">
    <form action="{{ route('deals.search') }}" method="get" id="searchForm" data-apply-url="{{ route('deals.apply') }}" data-search-url="{{ route('deals.search') }}">
        <div class="search-options" style="margin-bottom:0.5rem; display:flex; flex-wrap:wrap; gap:1rem; align-items:center;">
            <label style="display:inline-flex; align-items:center; gap:0.35rem; cursor:pointer;">
                <input type="checkbox" id="searchLast10Cart" name="last10cart" value="1" {{ request('last10cart') ? 'checked' : '' }}> Last 10 in cart
            </label>
            <label style="display:inline-flex; align-items:center; gap:0.35rem; cursor:pointer;">
                <input type="checkbox" id="searchLast10Checkout" name="last10checkout" value="1" {{ request('last10checkout') ? 'checked' : '' }}> Last 10 in checkout
            </label>
            <label style="display:inline-flex; align-items:center; gap:0.35rem; cursor:pointer;">
                <input type="checkbox" id="searchByCollection" name="bycollection" value="1" {{ request('bycollection') ? 'checked' : '' }}> By collection
            </label>
        </div>
        <label for="search" id="searchLabel">Search products by title (Shopify)</label>
        <div style="display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; margin-top:0.25rem;">
            <input type="text" id="search" name="q" value="{{ request('q') }}" placeholder="Product title..." style="flex:1; min-width:200px; padding:0.5rem 0.75rem; border:1px solid #d1d5db; border-radius:6px;">
            <button type="submit" id="btnSearch" class="btn btn-primary">Search</button>
        </div>
    </form>
    </div>

<script>
(function(){
  window.dealsSelected = window.dealsSelected || [];
  window.getDealsDurationForApply = function() {
    if (window.dealsCurrentDuration && window.dealsCurrentDuration.value) return { value: window.dealsCurrentDuration.value, unit: window.dealsCurrentDuration.unit || 'hours' };
    var v = document.getElementById('durationValue'); var u = document.getElementById('durationUnit');
    return { value: (v ? (parseInt(v.value, 10) || 1) : 1), unit: (u ? u.value : 'hours') };
  };
  function setAddFeedback(msg, isError) {
    var fb = document.getElementById('searchFeedback');
    if (fb) {
      fb.textContent = 'Status: ' + msg;
      fb.style.background = isError ? '#fee2e2' : '#e0f2fe';
      fb.style.color = isError ? '#b91c1c' : '#0369a1';
    }
  }
  function paintSelectedListFallback() {
    var sec = document.getElementById('selectedSection');
    var list = document.getElementById('selectedList');
    if (!sec || !list) return;
    var arr = window.dealsSelected || [];
    if (arr.length === 0) { sec.style.display = 'none'; return; }
    sec.style.display = 'block';
    var html = '';
    arr.forEach(function(p, i) {
      var n = (p.variants && p.variants.length) || 0;
      var img = (p.image_url ? '<img src="' + p.image_url + '" alt="" style="width:36px; height:36px; object-fit:cover; border-radius:4px;">' : '');
      html += '<li style="padding:0.5rem 0; border-bottom:1px solid #eee;"><div style="display:flex; align-items:center; gap:0.5rem;">' + img +
        '<span style="flex:1;"><strong>' + (p.title || 'Product') + '</strong> <span style="font-size:0.85rem; color:#6b7280;">(' + n + ' variants)</span></span>' +
        '<button type="button" class="btn-remove-deal btn btn-secondary" data-i="' + i + '" style="padding:0.2rem 0.5rem; font-size:0.8rem;">Remove</button></div></li>';
    });
    list.innerHTML = html;
    list.querySelectorAll('.btn-remove-deal').forEach(function(btn) {
      btn.addEventListener('click', function() {
        var i = parseInt(btn.getAttribute('data-i'), 10);
        window.dealsSelected.splice(i, 1);
        if (window.dealsSelected.length === 0 && typeof window.dealsHideTestResult === 'function') window.dealsHideTestResult();
        if (typeof window.dealsShowSelected === 'function') window.dealsShowSelected();
        else paintSelectedListFallback();
        setAddFeedback('Product removed. Total: ' + (window.dealsSelected.length) + '.', false);
      });
    });
  }

  window.dealsAddToDeal = null;
  window.dealsEnterAddToDealMode = function(info) {
    window.dealsAddToDeal = info || null;
    var banner = document.getElementById('addToDealBanner');
    var idLabel = document.getElementById('addToDealIdLabel');
    var btn = document.getElementById('btnApply');
    if (idLabel && info) idLabel.textContent = String(info.id || '');
    if (banner) banner.style.display = info ? 'block' : 'none';
    if (btn) btn.textContent = info ? ('Add products to Deal #' + info.id) : 'Apply deal and set duration';
    if (info) {
      var search = document.getElementById('search');
      if (search) search.focus();
      setAddFeedback('Add products to Deal #' + info.id + '. They will keep the same end time.', false);
      if (banner) banner.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
    }
  };
  window.dealsExitAddToDealMode = function() {
    window.dealsEnterAddToDealMode(null);
    setAddFeedback('Add-to-deal cancelled. Apply will create a deal as usual.', false);
  };
  document.addEventListener('click', function(e) {
    var addBtn = e.target && e.target.closest ? e.target.closest('.btn-add-products-to-deal') : null;
    if (addBtn) {
      e.preventDefault();
      window.dealsEnterAddToDealMode({
        id: addBtn.getAttribute('data-deal-id'),
        endsAt: addBtn.getAttribute('data-ends-at'),
        url: addBtn.getAttribute('data-add-url')
      });
    }
    if (e.target && e.target.id === 'btnCancelAddToDeal') {
      e.preventDefault();
      window.dealsExitAddToDealMode();
    }
  });
  window.dealsAddProduct = function(p) {
    window.dealsIsCollectionDeal = !!(window.dealsLastSearchCollectionName);
    window.dealsSelected.push(p);
    var total = window.dealsSelected.length;
    try {
      if (typeof window.dealsRefreshDealRulesMode === 'function') window.dealsRefreshDealRulesMode();
      if (typeof window.dealsShowSelected === 'function') {
        window.dealsShowSelected();
        setAddFeedback('Product added. Total: ' + total + '. See "Selected products" below.', false);
      } else {
        paintSelectedListFallback();
        setAddFeedback('Product added. Total: ' + total + '. Set duration and click "Apply deal and set duration".', false);
      }
      var sec = document.getElementById('selectedSection');
      if (sec) { sec.style.display = 'block'; sec.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }
    } catch (err) {
      paintSelectedListFallback();
      setAddFeedback('Product added. Total: ' + total + '. (Refresh error: ' + (err && err.message ? err.message : '') + ')', false);
    }
  };
  var form = document.getElementById('searchForm');
  var input = document.getElementById('search');
  var SEARCH_PAGE_SIZE = 10;
  function setStatus(msg, isError) {
    var fbEl = document.getElementById('searchFeedback');
    var statusEl = document.getElementById('searchStatus');
    var errEl = document.getElementById('searchError');
    if (fbEl) { fbEl.textContent = 'Status: ' + msg; fbEl.style.background = isError ? '#fee2e2' : '#e0f2fe'; fbEl.style.color = isError ? '#b91c1c' : '#0369a1'; }
    if (statusEl) statusEl.textContent = msg;
    if (errEl) { errEl.style.display = isError ? 'block' : 'none'; errEl.textContent = isError ? msg : ''; }
  }
  function renderSearchResultPage(page) {
    var listEl = document.getElementById('resultList');
    var paginationEl = document.getElementById('searchResultPagination');
    if (!listEl || !window.dealsLastSearchProducts) return;
    var all = window.dealsLastSearchProducts;
    var totalPages = Math.max(1, Math.ceil(all.length / SEARCH_PAGE_SIZE));
    page = Math.max(1, Math.min(page, totalPages));
    window.dealsSearchCurrentPage = page;
    var start = (page - 1) * SEARCH_PAGE_SIZE;
    var chunk = all.slice(start, start + SEARCH_PAGE_SIZE);
    listEl.innerHTML = '';
    var collectionName = window.dealsLastSearchCollectionName || '';
    var exampleIndex = window.dealsLastSearchExampleIndex;
    chunk.forEach(function(p, i) {
      var fullIndex = start + i;
      var isExample = collectionName && (typeof exampleIndex === 'number' && fullIndex === exampleIndex);
      var n = (p.variants && p.variants.length) || 0;
      var li = document.createElement('li');
      li.setAttribute('data-product-id', String(p.product_id));
      li.style.padding = '0.5rem 0'; li.style.borderBottom = '1px solid #eee'; li.style.display = 'flex'; li.style.alignItems = 'center'; li.style.gap = '0.5rem';
      var exampleLabel = isExample ? ' <span style="font-size:0.75rem; color:#059669; font-weight:600; margin-left:0.25rem;">(Example from this collection — use Add to configure the deal)</span>' : '';
      var img = (p.image_url ? '<img src="' + p.image_url + '" alt="" style="width:40px; height:40px; object-fit:cover; border-radius:4px;">' : '<span style="width:40px; color:#9ca3af;">—</span>');
      li.innerHTML = img + '<span style="flex:1;">' + (p.title || 'Product') + ' <span style="font-size:0.85rem; color:#6b7280;">(' + n + ' variants)</span>' + exampleLabel + '</span> <button type="button" class="btn-add btn btn-primary" style="padding:0.25rem 0.6rem; font-size:0.85rem;">Add</button> <button type="button" class="btn-remove-from-search" style="padding:0.25rem 0.6rem; font-size:0.85rem; background:#dc2626; color:#fff; border:1px solid #b91c1c; border-radius:4px; cursor:pointer;">Remove</button>';
      li.querySelector('.btn-add').addEventListener('click', function() {
        setAddFeedback('Add clicked. Adding...', false);
        if (window.dealsAddProduct) window.dealsAddProduct({ product_id: p.product_id, title: p.title, image_url: p.image_url || null, variants: (p.variants || []).map(function(v) { return Object.assign({}, v); }) });
        else setAddFeedback('Error: dealsAddProduct not defined. Reload the page.', true);
      });
      li.querySelector('.btn-remove-from-search').addEventListener('click', function() {
        window.dealsLastSearchProducts = (window.dealsLastSearchProducts || []).filter(function(x) { return String(x.product_id) !== String(p.product_id); });
        renderSearchResultPage(window.dealsSearchCurrentPage);
        var btnAddAll = document.getElementById('btnAddAllToDeal');
        if (btnAddAll) btnAddAll.style.display = window.dealsLastSearchProducts.length ? 'inline-block' : 'none';
        setAddFeedback('Removed from search. ' + (window.dealsLastSearchProducts.length) + ' product(s) left in list.', false);
        var paginationEl2 = document.getElementById('searchResultPagination');
        if (paginationEl2) paginationEl2.style.display = window.dealsLastSearchProducts.length > SEARCH_PAGE_SIZE ? '' : 'none';
      });
      listEl.appendChild(li);
    });
    if (paginationEl) {
      if (totalPages <= 1) {
        paginationEl.style.display = 'none';
        paginationEl.innerHTML = '';
      } else {
        paginationEl.style.display = '';
        var prevDisabled = page <= 1;
        var nextDisabled = page >= totalPages;
        paginationEl.innerHTML = '<span style="margin-right:0.5rem;">' +
          (prevDisabled ? '<span class="text-gray-400">Previous</span>' : '<button type="button" class="text-blue-600 hover:underline search-pagination-prev">Previous</button>') +
          '</span> <span class="text-gray-600">Page ' + page + ' of ' + totalPages + '</span> <span style="margin-left:0.5rem;">' +
          (nextDisabled ? '<span class="text-gray-400">Next</span>' : '<button type="button" class="text-blue-600 hover:underline search-pagination-next">Next</button>') +
          '</span>';
        if (!prevDisabled) paginationEl.querySelector('.search-pagination-prev').addEventListener('click', function() { renderSearchResultPage(page - 1); });
        if (!nextDisabled) paginationEl.querySelector('.search-pagination-next').addEventListener('click', function() { renderSearchResultPage(page + 1); });
      }
    }
  }
  function doSearch(e) {
    if (e) e.preventDefault();
    var listEl = document.getElementById('resultList');
    var chkCart = document.getElementById('searchLast10Cart');
    var chkCheckout = document.getElementById('searchLast10Checkout');
    var chkCollection = document.getElementById('searchByCollection');
    if (!form || !listEl) return;
    var useCart = chkCart && chkCart.checked;
    var useCheckout = chkCheckout && chkCheckout.checked;
    var useCollection = chkCollection && chkCollection.checked;
    var q = (input && input.value) ? String(input.value).trim() : '';
    var baseUrl = (form.action || '').replace(/#.*$/, '');
    var url = baseUrl + (baseUrl.indexOf('?') >= 0 ? '&' : '?');
    if (useCollection) {
      url += 'source=collection&q=' + encodeURIComponent(q);
    } else if (useCheckout) {
      url += 'source=checkout';
    } else if (useCart) {
      url += 'source=cart';
    } else {
      url += 'q=' + encodeURIComponent(q);
    }
    url += '&_=' + Date.now();
    if (useCollection && !q) {
      setStatus('Enter a collection name to search.', true);
      return;
    }
    var statusMsg = useCollection ? 'Loading collection products...' : (useCheckout ? 'Loading last 10 in checkout (no duplicates)...' : (useCart ? 'Loading last 10 in cart (no duplicates)...' : 'Searching...'));
    setStatus(statusMsg, false);
    listEl.innerHTML = '';
    var paginationNav = document.getElementById('searchResultPagination');
    if (paginationNav) { paginationNav.style.display = 'none'; paginationNav.innerHTML = ''; }
    window.dealsLastSearchProducts = [];
    window.dealsLastSearchCollectionName = null;
    window.dealsLastSearchExampleIndex = null;
    window.dealsExcludedProducts = [];
    var btnAddAll = document.getElementById('btnAddAllToDeal');
    if (btnAddAll) btnAddAll.style.display = 'none';
    var excludeWrap = document.getElementById('excludeProductsWrap');
    if (excludeWrap) { excludeWrap.style.display = 'none'; }
    var chkExclude = document.getElementById('chkExcludeProducts');
    if (chkExclude) chkExclude.checked = false;
    var excludePanel = document.getElementById('excludeProductsPanel');
    if (excludePanel) excludePanel.style.display = 'none';
    fetch(url, { headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' } })
      .then(function(r) {
        if (!r.ok) return r.text().then(function(t) { throw new Error('Server ' + r.status); });
        return r.json();
      })
      .then(function(data) {
        if (data.error) { setStatus(data.error, true); return; }
        var products = data.products || [];
        window.dealsLastSearchProducts = products.map(function(p) {
          return { product_id: p.product_id, title: p.title, image_url: p.image_url || null, variants: (p.variants || []).map(function(v) { return Object.assign({}, v); }) };
        });
        if (data.collectionName) window.dealsLastSearchCollectionName = data.collectionName;
        if (data.exampleProductIndex != null) window.dealsLastSearchExampleIndex = data.exampleProductIndex;
        if (btnAddAll) btnAddAll.style.display = (products.length ? 'inline-block' : 'none');
        if (excludeWrap) excludeWrap.style.display = (data.collectionName && products.length ? 'block' : 'none');
        if (chkExclude) chkExclude.checked = false;
        if (excludePanel) excludePanel.style.display = 'none';
        if (typeof window.dealsRenderExcludeUI === 'function') window.dealsRenderExcludeUI();
        var total = products.reduce(function(s, p) { return s + (p.variants && p.variants.length ? p.variants.length : 0); }, 0);
        var resultMsg = data.collectionName
          ? ('Collection "' + data.collectionName + '": ' + products.length + ' products (' + total + ' variants). One random product shown below as example to configure the deal.')
          : (useCheckout ? ('Last 10 in checkout: ' + products.length + ' products (' + total + ' variants). No duplicates.') : (useCart ? ('Last 10 in cart: ' + products.length + ' products (' + total + ' variants). No duplicates.') : ('Connected. Found: ' + products.length + ' products (' + total + ' variants). Showing 10 per page.')));
        setStatus(resultMsg, false);
        if (data.collectionName && data.exampleProductIndex != null && products.length > 0) {
          var oneProduct = products[data.exampleProductIndex];
          listEl.innerHTML = '';
          var paginationNav = document.getElementById('searchResultPagination');
          if (paginationNav) { paginationNav.style.display = 'none'; paginationNav.innerHTML = ''; }
          var n = (oneProduct.variants && oneProduct.variants.length) || 0;
          var li = document.createElement('li');
          li.setAttribute('data-product-id', String(oneProduct.product_id));
          li.style.padding = '0.5rem 0'; li.style.borderBottom = '1px solid #eee'; li.style.display = 'flex'; li.style.alignItems = 'center'; li.style.gap = '0.5rem';
          var exampleLabel = ' <span style="font-size:0.75rem; color:#059669; font-weight:600; margin-left:0.25rem;">(Example from this collection — use Add to configure the deal)</span>';
          var img = (oneProduct.image_url ? '<img src="' + oneProduct.image_url + '" alt="" style="width:40px; height:40px; object-fit:cover; border-radius:4px;">' : '<span style="width:40px; color:#9ca3af;">—</span>');
          li.innerHTML = img + '<span style="flex:1;">' + (oneProduct.title || 'Product') + ' <span style="font-size:0.85rem; color:#6b7280;">(' + n + ' variants)</span>' + exampleLabel + '</span> <button type="button" class="btn-add btn btn-primary" style="padding:0.25rem 0.6rem; font-size:0.85rem;">Add</button> <button type="button" class="btn-remove-from-search" style="padding:0.25rem 0.6rem; font-size:0.85rem; background:#dc2626; color:#fff; border:1px solid #b91c1c; border-radius:4px; cursor:pointer;">Remove</button>';
          li.querySelector('.btn-add').addEventListener('click', function() {
            setAddFeedback('Add clicked. Adding...', false);
            if (window.dealsAddProduct) window.dealsAddProduct({ product_id: oneProduct.product_id, title: oneProduct.title, image_url: oneProduct.image_url || null, variants: (oneProduct.variants || []).map(function(v) { return Object.assign({}, v); }) });
            else setAddFeedback('Error: dealsAddProduct not defined. Reload the page.', true);
          });
          li.querySelector('.btn-remove-from-search').addEventListener('click', function() {
            window.dealsLastSearchProducts = (window.dealsLastSearchProducts || []).filter(function(x) { return String(x.product_id) !== String(oneProduct.product_id); });
            li.remove();
            setAddFeedback('Removed from search.', false);
          });
          listEl.appendChild(li);
        } else {
          renderSearchResultPage(1);
        }
      })
      .catch(function(err) {
        setStatus('Error: ' + (err && err.message ? err.message : 'Could not connect'), true);
      });
  }
  function normalizeProductId(id) {
    var s = String(id || '').trim();
    var m = s.match(/gid:\/\/shopify\/Product\/(\d+)/i) || (s && /^\d+$/.test(s) ? [null, s] : null);
    return m ? m[1] : s;
  }
  function addAllToDeal() {
    var products = window.dealsLastSearchProducts || [];
    if (products.length === 0) {
      setAddFeedback('No search results to add. Run a search first.', false);
      return;
    }
    var chkExclude = document.getElementById('chkExcludeProducts');
    var excluded = (window.dealsExcludedProducts || []);
    var excludedIds = excluded.map(function(x) { return normalizeProductId(x.product_id); });
    if (chkExclude && chkExclude.checked && excludedIds.length > 0) {
      products = products.filter(function(p) { return excludedIds.indexOf(normalizeProductId(p.product_id)) === -1; });
    }
    var existingIds = (window.dealsSelected || []).map(function(p) { return normalizeProductId(p.product_id); });
    var toAdd = products.filter(function(p) { return existingIds.indexOf(normalizeProductId(p.product_id)) === -1; });
    if (toAdd.length === 0) {
      setAddFeedback('All ' + products.length + ' product(s) are already in Selected products.', false);
      return;
    }
    setAddFeedback('Adding ' + toAdd.length + ' product(s)...', false);
    toAdd.forEach(function(p) {
      if (window.dealsAddProduct) window.dealsAddProduct(p);
    });
    setAddFeedback('Added ' + toAdd.length + ' product(s) to the deal. Total selected: ' + (window.dealsSelected || []).length + '.', false);
    var sec = document.getElementById('selectedSection');
    if (sec) { sec.style.display = 'block'; sec.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }
  }
  window.dealsRenderExcludeUI = function() {
    var excluded = window.dealsExcludedProducts || [];
    var list = document.getElementById('excludedList');
    var countEl = document.getElementById('excludedCount');
    if (countEl) countEl.textContent = excluded.length;
    if (list) {
      list.innerHTML = '';
      excluded.forEach(function(item) {
        var id = String(item.product_id);
        var title = (item.title || 'Product ' + id).replace(/</g, '&lt;');
        var titleShort = title.length > 50 ? title.substring(0, 50) + '…' : title;
        var li = document.createElement('li');
        li.style.cssText = 'display:flex; align-items:center; gap:0.5rem; padding:0.4rem 0.5rem; border-bottom:1px solid #f3f4f6; font-size:0.85rem;';
        li.innerHTML = '<span style="flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="' + title.replace(/"/g, '&quot;') + '">' + titleShort + '</span> <button type="button" class="btn-remove-excluded" data-product-id="' + id.replace(/"/g, '&quot;') + '" style="padding:0.2rem 0.5rem; font-size:0.8rem; background:#dc2626; color:#fff; border:none; border-radius:4px; cursor:pointer; flex-shrink:0;">Remove</button>';
        li.querySelector('.btn-remove-excluded').addEventListener('click', function() {
          var idNorm = normalizeProductId(id);
          window.dealsExcludedProducts = (window.dealsExcludedProducts || []).filter(function(x) { return normalizeProductId(x.product_id) !== idNorm; });
          window.dealsRenderExcludeUI();
        });
        list.appendChild(li);
      });
      if (excluded.length === 0) list.innerHTML = '<li style="padding:0.5rem; font-size:0.85rem; color:#9ca3af;">No products excluded.</li>';
    }
  };
  function doExcludeSearch() {
    var input = document.getElementById('excludeSearchInput');
    var searchResults = document.getElementById('excludeSearchResults');
    if (!input || !searchResults) return;
    var q = (input.value || '').trim();
    if (!q) {
      searchResults.innerHTML = '<div style="padding:0.6rem; font-size:0.85rem; color:#6b7280;">Enter a product title and click Search.</div>';
      return;
    }
    searchResults.innerHTML = '<div style="padding:0.6rem; font-size:0.85rem; color:#6b7280;">Searching...</div>';
    var form = document.getElementById('searchForm');
    var searchUrl = (form && form.getAttribute('data-search-url')) ? form.getAttribute('data-search-url') : (form && form.action ? form.action : '');
    if (!searchUrl) searchUrl = window.location.origin + (window.location.pathname || '').replace(/\/?$/, '') + (window.location.pathname.indexOf('deals') !== -1 ? '' : '/deals') + '/search';
    searchUrl = (searchUrl || '').toString().replace(/#.*$/, '');
    var url = searchUrl + (searchUrl.indexOf('?') >= 0 ? '&' : '?') + 'q=' + encodeURIComponent(q) + '&_=' + Date.now();
    fetch(url, { headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' } })
      .then(function(r) {
        if (!r.ok) return r.text().then(function(t) { throw new Error('Search failed'); });
        return r.json();
      })
      .then(function(data) {
        if (data.error) { searchResults.innerHTML = '<div style="padding:0.6rem; font-size:0.85rem; color:#b91c1c;">' + (data.error || 'Error').replace(/</g, '&lt;') + '</div>'; return; }
        var products = data.products || [];
        var excludedNorm = (window.dealsExcludedProducts || []).map(function(x) { return normalizeProductId(x.product_id); });
        searchResults.innerHTML = '';
        if (products.length === 0) {
          searchResults.innerHTML = '<div style="padding:0.6rem; font-size:0.85rem; color:#6b7280;">No products found. Try a different search.</div>';
          return;
        }
        products.forEach(function(p) {
          var id = String(p.product_id);
          var title = (p.title || 'Product').replace(/</g, '&lt;');
          var alreadyExcluded = excludedNorm.indexOf(normalizeProductId(id)) !== -1;
          var div = document.createElement('div');
          div.style.cssText = 'display:flex; align-items:center; gap:0.5rem; padding:0.4rem 0.6rem; border-bottom:1px solid #f3f4f6; font-size:0.85rem;';
          div.innerHTML = '<span style="flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">' + title + '</span> <button type="button" class="btn-exclude-one" data-product-id="' + id.replace(/"/g, '&quot;') + '" data-title="' + (p.title || '').replace(/"/g, '&quot;').replace(/</g, '&lt;') + '" style="padding:0.2rem 0.5rem; font-size:0.8rem; background:#6b7280; color:#fff; border:none; border-radius:4px; cursor:pointer; flex-shrink:0;">' + (alreadyExcluded ? 'Excluded' : 'Exclude') + '</button>';
          var btn = div.querySelector('.btn-exclude-one');
          if (!alreadyExcluded) {
            btn.addEventListener('click', function() {
              var pid = this.getAttribute('data-product-id');
              var ptitle = this.getAttribute('data-title') || ('Product ' + pid);
              var pidNorm = normalizeProductId(pid);
              var has = (window.dealsExcludedProducts || []).some(function(x) { return normalizeProductId(x.product_id) === pidNorm; });
              if (!has) window.dealsExcludedProducts.push({ product_id: pid, title: ptitle });
              window.dealsExcludedProducts = window.dealsExcludedProducts || [];
              window.dealsRenderExcludeUI();
              doExcludeSearch();
            });
          } else {
            btn.disabled = true;
          }
          searchResults.appendChild(div);
        });
      })
      .catch(function() {
        searchResults.innerHTML = '<div style="padding:0.6rem; font-size:0.85rem; color:#b91c1c;">Search failed. Try again.</div>';
      });
  }
  function initExcludePanel() {
    var chkExcludeEl = document.getElementById('chkExcludeProducts');
    if (chkExcludeEl) {
      chkExcludeEl.addEventListener('change', function() {
        var panel = document.getElementById('excludeProductsPanel');
        if (panel) panel.style.display = this.checked ? 'block' : 'none';
        if (this.checked) {
          var searchResults = document.getElementById('excludeSearchResults');
          if (searchResults) searchResults.innerHTML = '<div style="padding:0.6rem; font-size:0.85rem; color:#6b7280;">Enter a product title above and click <strong>Search</strong> to find products to exclude.</div>';
          if (typeof window.dealsRenderExcludeUI === 'function') window.dealsRenderExcludeUI();
        }
      });
    }
    var btnExcludeSearch = document.getElementById('btnExcludeSearch');
    if (btnExcludeSearch) btnExcludeSearch.addEventListener('click', function() { doExcludeSearch(); });
    var excludeSearchInputEl = document.getElementById('excludeSearchInput');
    if (excludeSearchInputEl) excludeSearchInputEl.addEventListener('keydown', function(e) { if (e.key === 'Enter') { e.preventDefault(); doExcludeSearch(); } });
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initExcludePanel);
  } else {
    initExcludePanel();
  }
  if (form) form.addEventListener('submit', doSearch);
  document.body.addEventListener('click', function(e) {
    if (e.target && e.target.id === 'btnAddAllToDeal') {
      e.preventDefault();
      addAllToDeal();
    }
  });

  function syncSearchInputState() {
    var chkCart = document.getElementById('searchLast10Cart');
    var chkCheckout = document.getElementById('searchLast10Checkout');
    var chkCollection = document.getElementById('searchByCollection');
    if (input) {
      var disableInput = (chkCart && chkCart.checked) || (chkCheckout && chkCheckout.checked);
      input.disabled = !!disableInput;
    }
    var searchLabel = document.getElementById('searchLabel');
    if (searchLabel && input) {
      if (chkCollection && chkCollection.checked) {
        searchLabel.textContent = 'Collection name (Shopify)';
        input.placeholder = 'Collection name...';
      } else {
        searchLabel.textContent = 'Search products by title (Shopify)';
        input.placeholder = 'Product title...';
      }
    }
  }
  function syncSourceCheckboxes() {
    var chkCart = document.getElementById('searchLast10Cart');
    var chkCheckout = document.getElementById('searchLast10Checkout');
    var chkCollection = document.getElementById('searchByCollection');
    if (!chkCart || !chkCheckout || !chkCollection) return;
    if (chkCollection.checked) {
      chkCart.checked = false;
      chkCart.disabled = true;
      chkCheckout.checked = false;
      chkCheckout.disabled = true;
    } else {
      chkCart.disabled = false;
      chkCheckout.disabled = false;
    }
    if (chkCart.checked) {
      chkCheckout.checked = false;
      chkCheckout.disabled = true;
      chkCollection.checked = false;
      chkCollection.disabled = true;
    } else {
      chkCheckout.disabled = false;
      chkCollection.disabled = false;
    }
    if (chkCheckout.checked) {
      chkCart.checked = false;
      chkCart.disabled = true;
      chkCollection.checked = false;
      chkCollection.disabled = true;
    } else {
      chkCart.disabled = false;
      chkCollection.disabled = false;
    }
    syncSearchInputState();
  }
  syncSourceCheckboxes();
  syncSearchInputState();
  var chkCartEl = document.getElementById('searchLast10Cart');
  var chkCheckoutEl = document.getElementById('searchLast10Checkout');
  var chkCollectionEl = document.getElementById('searchByCollection');
  if (chkCartEl) chkCartEl.addEventListener('change', function() {
    if (chkCartEl.checked) {
      if (chkCheckoutEl) { chkCheckoutEl.checked = false; chkCheckoutEl.disabled = true; }
      if (chkCollectionEl) { chkCollectionEl.checked = false; chkCollectionEl.disabled = true; }
    } else {
      if (chkCheckoutEl) chkCheckoutEl.disabled = false;
      if (chkCollectionEl) chkCollectionEl.disabled = false;
    }
    syncSearchInputState();
  });
  if (chkCheckoutEl) chkCheckoutEl.addEventListener('change', function() {
    if (chkCheckoutEl.checked) {
      if (chkCartEl) { chkCartEl.checked = false; chkCartEl.disabled = true; }
      if (chkCollectionEl) { chkCollectionEl.checked = false; chkCollectionEl.disabled = true; }
    } else {
      if (chkCartEl) chkCartEl.disabled = false;
      if (chkCollectionEl) chkCollectionEl.disabled = false;
    }
    syncSearchInputState();
  });
  if (chkCollectionEl) chkCollectionEl.addEventListener('change', function() {
    if (chkCollectionEl.checked) {
      if (chkCartEl) { chkCartEl.checked = false; chkCartEl.disabled = true; }
      if (chkCheckoutEl) { chkCheckoutEl.checked = false; chkCheckoutEl.disabled = true; }
    } else {
      if (chkCartEl) chkCartEl.disabled = false;
      if (chkCheckoutEl) chkCheckoutEl.disabled = false;
    }
    syncSearchInputState();
  });

  function getApplyItems() {
    var items = [];
    (window.dealsSelected || []).forEach(function(p) {
      (p.variants || []).forEach(function(v) {
        items.push({
          variant_id: v.variant_id || v.id,
          product_id: p.product_id,
          title: p.title,
          price: v.price != null ? String(v.price) : '0',
          compare_at_price: v.compare_at_price != null ? String(v.compare_at_price) : null,
          cost: v.cost != null ? String(v.cost) : null,
          image_url: p.image_url || null
        });
      });
    });
    return items;
  }
  function getApplyFeeValues() {
    var g = document.getElementById('useFeeGateway');
    var c = document.getElementById('useFeeCommission');
    var s = document.getElementById('useFeeShipping');
    var x = document.getElementById('useFeeExtra');
    return {
      feeGatewayPct: (g && g.checked) ? (parseFloat(document.getElementById('feeGatewayPct').value) || 0) : 0,
      feeCommissionValue: (c && c.checked) ? (parseFloat(document.getElementById('feeCommissionValue').value) || 0) : 0,
      feeShipping: (s && s.checked) ? (parseFloat(document.getElementById('feeShipping').value) || 0) : 0,
      feeExtra: (x && x.checked) ? (parseFloat(document.getElementById('feeExtra').value) || 0) : 0
    };
  }
  function visibleDealCompareAt(compareAtMode, originalPrice, originalCompare, sale, comparePercent) {
    var s = parseFloat(sale);
    if (isNaN(s)) return null;
    if (compareAtMode === 'use_original') {
      var origP = originalPrice != null && originalPrice !== '' ? parseFloat(originalPrice) : NaN;
      if (!isNaN(origP)) return Math.round(origP * 100) / 100;
      return null;
    }
    if (comparePercent > 0 && comparePercent < 100) return Math.round((s / (1 - comparePercent / 100)) * 100) / 100;
    return null;
  }
  window.visibleDealCompareAt = visibleDealCompareAt;
  function calcDealForTest(cost, profitType, profitValue, comparePercent, priceRounding, fees, compareAtMode, originalPrice, originalCompare) {
    var c = parseFloat(cost);
    if (isNaN(c) || c < 0) return { sale: null, compareAt: null };
    var netProfit = profitType === 'percentage' ? c * (profitValue / 100) : profitValue;
    var num = c + netProfit + (fees.feeShipping || 0) + (fees.feeExtra || 0);
    var denom = 1 - ((fees.feeGatewayPct || 0) / 100);
    if (fees.feeCommissionType === 'fixed') num += fees.feeCommissionValue || 0;
    else denom -= (fees.feeCommissionValue || 0) / 100;
    var sale = denom > 0.0001 ? num / denom : num;
    sale = Math.round(sale * 100) / 100;
    if (priceRounding === 'tens') sale = Math.ceil(sale / 10) * 10;
    else if (priceRounding === 'charm') sale = Math.round((Math.ceil(sale / 10) * 10 - 1 + 0.99) * 100) / 100;
    var compareAt = visibleDealCompareAt(compareAtMode, originalPrice, originalCompare, sale, comparePercent);
    return { sale: sale, compareAt: compareAt };
  }
  function getApplyItemsFromCollection() {
    var products = window.dealsLastSearchProducts || [];
    var chkExclude = document.getElementById('chkExcludeProducts');
    var excluded = (window.dealsExcludedProducts || []);
    var excludedIds = excluded.map(function(x) { return normalizeProductId(x.product_id); });
    if (chkExclude && chkExclude.checked && excludedIds.length > 0) {
      products = products.filter(function(p) { return excludedIds.indexOf(normalizeProductId(p.product_id)) === -1; });
    }
    var items = [];
    products.forEach(function(p) {
      (p.variants || []).forEach(function(v) {
        items.push({
          variant_id: v.variant_id || v.id,
          product_id: p.product_id,
          title: p.title,
          price: v.price != null ? String(v.price) : '0',
          compare_at_price: v.compare_at_price != null ? String(v.compare_at_price) : null,
          cost: v.cost != null ? String(v.cost) : null,
          image_url: p.image_url || null
        });
      });
    });
    return items;
  }
  function getTestResultRowsFallback() {
    var useCollectionForPreview = !!(window.dealsIsCollectionDeal) && (window.dealsLastSearchProducts || []).length > 0;
    var items = useCollectionForPreview ? getApplyItemsFromCollection() : getApplyItems();
    var fee = getApplyFeeValues();
    var compareAtMode = (document.querySelector('input[name="compareAtMode"]:checked') || {}).value || 'use_original';
    var comparePercent = parseFloat((document.getElementById('compareDiscountPercent') || {}).value) || 0;
    var priceRounding = (document.getElementById('priceRounding') || {}).value || 'none';
    var profitType = (document.getElementById('profitType') || {}).value || 'percentage';
    var profitValue = parseFloat((document.getElementById('profitValue') || {}).value) || 0;
    var useTiers = (typeof window.getProfitTiersFromDom === 'function') && (window.getProfitTiersFromDom().length > 0);
    var tiers = useTiers ? window.getProfitTiersFromDom() : [];
    var feeCommissionType = (document.getElementById('feeCommissionType') || {}).value || 'percentage';
    var rows = [];
    items.forEach(function(it) {
      var cost = it.cost != null && it.cost !== '' ? parseFloat(it.cost) : null;
      if (cost == null || isNaN(cost)) return;
      var pt = profitType, pv = profitValue;
      if (useTiers && tiers.length > 0) {
        for (var i = 0; i < tiers.length; i++) {
          var t = tiers[i];
          var min = t.min != null ? t.min : -Infinity, max = t.max != null ? t.max : Infinity;
          if (cost >= min && cost < max) { pt = t.profit_type; pv = t.profit_value; break; }
        }
      }
      var r = calcDealForTest(cost, pt, pv, comparePercent, priceRounding, { feeGatewayPct: fee.feeGatewayPct, feeCommissionType: feeCommissionType, feeCommissionValue: fee.feeCommissionValue, feeShipping: fee.feeShipping, feeExtra: fee.feeExtra }, compareAtMode, it.price, it.compare_at_price);
      rows.push({ title: it.title || 'Product', cost: cost, sale: r.sale, compareAt: r.compareAt });
    });
    return rows;
  }
  var TEST_PAGE_SIZE = 10;
  function renderTestResultPage(page) {
    var listEl = document.getElementById('testResultList');
    var navEl = document.getElementById('testResultPagination');
    var rows = window.dealsLastTestResultRows || [];
    var totalPages = Math.max(1, Math.ceil(rows.length / TEST_PAGE_SIZE));
    page = Math.max(1, Math.min(page, totalPages));
    var start = (page - 1) * TEST_PAGE_SIZE;
    var chunk = rows.slice(start, start + TEST_PAGE_SIZE);
    if (listEl) {
      listEl.innerHTML = '';
      chunk.forEach(function(r) {
        var li = document.createElement('li');
        li.style.cssText = 'padding:0.5rem 0; border-bottom:1px solid #dcfce7; display:flex; align-items:center; gap:0.5rem; flex-wrap:wrap;';
        li.innerHTML = '<span style="flex:1;">' + (r.title || '').replace(/</g, '&lt;') + '</span>' +
          '<span style="font-size:0.85rem;">Cost $' + (r.cost != null ? r.cost.toFixed(2) : '—') + '</span>' +
          ' <span style="font-size:0.85rem; font-weight:600;">Sale $' + (r.sale != null ? r.sale.toFixed(2) : '—') + '</span>' +
          (r.compareAt != null ? ' <span style="font-size:0.85rem; color:#6b7280;">Compare at $' + r.compareAt.toFixed(2) + '</span>' : '');
        listEl.appendChild(li);
      });
    }
    if (navEl) {
      if (totalPages <= 1) { navEl.style.display = 'none'; navEl.innerHTML = ''; }
      else {
        navEl.style.display = '';
        var prevD = page <= 1, nextD = page >= totalPages;
        navEl.innerHTML = '<span style="margin-right:0.5rem;">' + (prevD ? '<span class="text-gray-400">Previous</span>' : '<button type="button" class="test-result-prev" style="background:none; border:none; color:#166534; cursor:pointer; text-decoration:underline;">Previous</button>') + '</span>' +
          ' <span>Page ' + page + ' of ' + totalPages + '</span> <span style="margin-left:0.5rem;">' + (nextD ? '<span class="text-gray-400">Next</span>' : '<button type="button" class="test-result-next" style="background:none; border:none; color:#166534; cursor:pointer; text-decoration:underline;">Next</button>') + '</span>';
        if (!prevD) navEl.querySelector('.test-result-prev').addEventListener('click', function() { renderTestResultPage(page - 1); });
        if (!nextD) navEl.querySelector('.test-result-next').addEventListener('click', function() { renderTestResultPage(page + 1); });
      }
    }
  }
  window.dealsShowTestResult = function(rows) {
    window.dealsLastTestResultRows = rows || [];
    var sec = document.getElementById('test-result-section');
    var summaryEl = document.getElementById('testResultSummary');
    if (summaryEl) {
      var n = (rows || []).length;
      summaryEl.textContent = n > 0 ? 'Total: ' + n + ' variant(s). Showing 10 per page.' : '';
      summaryEl.style.display = n > 0 ? '' : 'none';
    }
    if (sec) sec.style.display = 'block';
    renderTestResultPage(1);
    sec && sec.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  };
  window.dealsHideTestResult = function() {
    window.dealsLastTestResultRows = [];
    var sec = document.getElementById('test-result-section');
    if (sec) sec.style.display = 'none';
    var listEl = document.getElementById('testResultList');
    if (listEl) listEl.innerHTML = '';
    var navEl = document.getElementById('testResultPagination');
    if (navEl) { navEl.innerHTML = ''; navEl.style.display = 'none'; }
    var summaryEl = document.getElementById('testResultSummary');
    if (summaryEl) { summaryEl.textContent = ''; summaryEl.style.display = 'none'; }
  };
  function doApplyFallback() {
    var useCollectionForApply = !!(window.dealsIsCollectionDeal) && (window.dealsLastSearchProducts || []).length > 0;
    var items = useCollectionForApply ? getApplyItemsFromCollection() : getApplyItems();
    if (items.length === 0) {
      var st = document.getElementById('applyStatus');
      if (st) st.textContent = useCollectionForApply ? 'No collection products. Search the collection again.' : 'Add at least one product with Add.';
      var noCostBlock = document.getElementById('applyStatusNoCostProducts');
      if (noCostBlock) noCostBlock.style.display = 'none';
      return;
    }
    var hasNoCost = items.some(function(i) { return i.cost == null || i.cost === ''; });
    if (hasNoCost) {
      var st = document.getElementById('applyStatus');
      var noCostTitles = [];
      var seen = {};
      items.forEach(function(i) {
        if (i.cost == null || i.cost === '') {
          var t = (i.title || 'Product').trim();
          if (t && !seen[t]) { seen[t] = true; noCostTitles.push(t); }
        }
      });
      var block = document.getElementById('applyStatusNoCostProducts');
      var listEl = document.getElementById('applyStatusNoCostProductsList');
      if (block && listEl) {
        listEl.innerHTML = noCostTitles.map(function(title) { return '<li>' + title.replace(/</g, '&lt;') + '</li>'; }).join('');
        block.style.display = 'block';
      }
      items = items.filter(function(i) { return i.cost != null && i.cost !== ''; });
      if (items.length === 0) {
        if (st) st.textContent = 'No products with cost. Add cost in Shopify or add other products.';
        return;
      }
      if (st) st.textContent = 'Products without cost are excluded. Proceeding with ' + items.length + ' product(s) with cost.';
    } else {
      var noCostBlock = document.getElementById('applyStatusNoCostProducts');
      if (noCostBlock) noCostBlock.style.display = 'none';
    }
    var testModeEl = document.getElementById('dealTestMode');
    if (testModeEl && testModeEl.checked) {
      var rows = getTestResultRowsFallback();
      window.dealsShowTestResult(rows);
      var st = document.getElementById('applyStatus');
      if (st) st.textContent = 'Test mode: preview only. Uncheck "Test mode" and click Apply to apply for real.';
      setAddFeedback('Preview shown. Uncheck Test mode to apply.', false);
      return;
    }
    var applyUrl = (window.dealsAddToDeal && window.dealsAddToDeal.url) || (form && form.getAttribute('data-apply-url'));
    if (!applyUrl) { setAddFeedback('Error: apply URL not found.', true); return; }
    var csrf = document.querySelector('meta[name="csrf-token"]');
    var token = csrf ? csrf.getAttribute('content') : '';
    var fee = getApplyFeeValues();
    var durationUsed = window.getDealsDurationForApply && window.getDealsDurationForApply();
    var useTiersFallback = (typeof window.getProfitTiersFromDom === 'function') && (window.getProfitTiersFromDom().length > 0);
    var payload = {
      items: items,
      profit_type: (document.getElementById('profitType') || {}).value || 'percentage',
      profit_value: parseFloat((document.getElementById('profitValue') || {}).value) || 0,
      compare_at_mode: (document.querySelector('input[name="compareAtMode"]:checked') || {}).value || 'use_original',
      compare_discount_percent: parseFloat((document.getElementById('compareDiscountPercent') || {}).value) || 0,
      price_rounding: (document.getElementById('priceRounding') || {}).value || 'none',
      fee_gateway_pct: fee.feeGatewayPct,
      fee_commission_type: (document.getElementById('feeCommissionType') || {}).value || 'percentage',
      fee_commission_value: fee.feeCommissionValue,
      fee_shipping: fee.feeShipping,
      fee_extra: fee.feeExtra,
      duration_value: (durationUsed && durationUsed.value) || 1,
      duration_unit: (durationUsed && durationUsed.unit) || 'hours'
    };
    if (useTiersFallback && window.getProfitTiersFromDom()) {
      payload.use_profit_tiers = true;
      payload.profit_tiers = window.getProfitTiersFromDom();
    }
    var statusEl = document.getElementById('applyStatus');
    if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus('Aplicando...', true);
    else if (statusEl) statusEl.textContent = 'Aplicando...';
    setAddFeedback('Aplicando deal...', false);
    fetch(applyUrl, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': token, 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' },
      body: JSON.stringify(payload)
    })
      .then(function(r) { return r.json(); })
      .then(function(data) {
        if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus(data.message || (data.success ? 'Done.' : 'Error'), false);
        else if (statusEl) statusEl.textContent = data.message || (data.success ? 'Done.' : 'Error');
        if (data.success) {
          window.dealsSelected.length = 0;
          paintSelectedListFallback();
          setAddFeedback('Deal applied. Reloading...', false);
          window.location.reload();
        } else {
          setAddFeedback(data.message || 'Error applying.', true);
        }
      })
      .catch(function(e) {
        var errMsg = 'Error: ' + (e && e.message ? e.message : 'Apply failed');
        if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus(errMsg, false);
        else if (statusEl) statusEl.textContent = errMsg;
        setAddFeedback('Connection error: ' + (e && e.message ? e.message : ''), true);
      });
  }
  window.dealsSetApplyStatus = function(msg, loading) {
    var el = document.getElementById('applyStatus');
    if (!el) return;
    if (loading) {
      el.innerHTML = '<svg class="deal-apply-spinner" width="20" height="20" viewBox="0 0 24 24" style="flex-shrink:0;"><circle cx="12" cy="12" r="10" fill="none" stroke="#2563eb" stroke-width="2.5" stroke-dasharray="24 48" stroke-linecap="round"/></svg><span>' + (msg || 'Applying...') + '</span>';
    } else {
      el.textContent = msg || '';
    }
  };
  var btnApply = document.getElementById('btnApply');
  if (btnApply) btnApply.addEventListener('click', function() {
    if (typeof window.dealsDoApply === 'function') window.dealsDoApply();
    else doApplyFallback();
  });

  if (input) input.addEventListener('keydown', function(e) { if (e.key === 'Enter') { e.preventDefault(); doSearch(e); } });

  document.addEventListener('submit', function(e) {
    var form = e.target;
    if (!form || form.method === undefined) return;
    var action = (form.action || '').toString();
    var methodInput = form.querySelector('input[name="_method"]');
    if (action.indexOf('deals') !== -1 && methodInput && methodInput.value === 'DELETE') {
      e.preventDefault();
      if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus('Deleting deal, restoring prices and removing theme section...', true);
      setTimeout(function() { form.submit(); }, 80);
    }
  });
})();
</script>

<div id="searchResults" style="margin-bottom:1.5rem; display:block;">
    <h2 style="font-size:1.1rem;">Search results</h2>
    <p id="searchStatus" style="font-size:0.9rem; color:#6b7280;">Results appear here when you search.</p>
    <p id="searchError" style="font-size:0.9rem; color:#b91c1c; margin-top:0.5rem; display:none;"></p>
    <p style="margin-top:0.5rem;">
        <button type="button" id="btnAddAllToDeal" class="btn btn-primary" style="display:none; padding:0.4rem 0.75rem; font-size:0.9rem;">Add all to deal</button>
    </p>
    <div id="excludeProductsWrap" style="display:none; margin-top:1rem; padding:1rem; background:#f9fafb; border:1px solid #e5e7eb; border-radius:8px;">
        <h3 style="font-size:0.95rem; margin:0 0 0.5rem 0; color:#374151;">Exclude products from collection</h3>
        <p style="font-size:0.85rem; color:#6b7280; margin:0 0 0.75rem 0;">By default no products are excluded. Enable below to exclude specific products from the deal when you click &quot;Add all to deal&quot;.</p>
        <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.9rem; font-weight:600; color:#374151; margin-bottom:0.75rem; cursor:pointer;">
            <input type="checkbox" id="chkExcludeProducts" style="width:1.1rem; height:1.1rem;">
            <span>Exclude products</span>
        </label>
        <div id="excludeProductsPanel" style="display:none; margin-top:0.75rem; padding-top:0.75rem; border-top:1px solid #e5e7eb;">
            <p style="font-size:0.85rem; color:#374151; margin:0 0 0.75rem 0; font-weight:600;">Search by product title and click <strong>Exclude</strong> to add products to the exclusion list. They will not be included when you click &quot;Add all to deal&quot;.</p>
            <label style="display:block; font-size:0.85rem; font-weight:600; color:#374151; margin-bottom:0.35rem;">Search products by title (Shopify)</label>
            <div style="display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; margin-bottom:0.5rem;">
                <input type="text" id="excludeSearchInput" placeholder="Product title..." style="flex:1; min-width:200px; padding:0.5rem 0.75rem; border:1px solid #d1d5db; border-radius:6px; font-size:0.9rem;">
                <button type="button" id="btnExcludeSearch" class="btn btn-primary" style="padding:0.4rem 0.9rem; font-size:0.9rem;">Search</button>
            </div>
            <p style="font-size:0.8rem; color:#6b7280; margin:0 0 0.35rem 0;">Search results — click <strong>Exclude</strong> to add to the exclusion list below:</p>
            <div id="excludeSearchResults" style="max-height:200px; overflow-y:auto; border:1px solid #d1d5db; border-radius:6px; background:#fff; margin-bottom:1rem; padding:0.25rem;"></div>
            <p style="font-size:0.85rem; font-weight:600; color:#374151; margin:0 0 0.35rem 0;">Excluded products (<span id="excludedCount">0</span>) — these will not be in the deal</p>
            <ul id="excludedList" style="list-style:none; padding:0; margin:0; max-height:140px; overflow-y:auto; border:1px solid #d1d5db; border-radius:6px; background:#fff; padding:0.35rem;"></ul>
        </div>
    </div>
    <ul id="resultList" style="list-style:none; padding:0; max-height:300px; overflow-y:auto; border:1px solid #e5e7eb; border-radius:6px; padding:0.5rem;"></ul>
    <nav id="searchResultPagination" role="navigation" style="margin-top:0.5rem; font-size:0.9rem; display:none;"></nav>
</div>

<div id="selectedSection" style="margin-bottom:1.5rem; display:none;">
    <h2 style="font-size:1.1rem;">Selected products</h2>
    <ul id="selectedList" style="list-style:none; padding:0;"></ul>

    <div style="margin-top:1rem; padding:1rem; background:#f9fafb; border-radius:8px; border:1px solid #e5e7eb;">
        <h3 style="font-size:1rem; margin-top:0; margin-bottom:0.75rem;">Deal rules</h3>
        <p style="font-size:0.85rem; color:#6b7280; margin-bottom:0.75rem;">Net profit + fees define the final sale price.</p>
        <div id="netProfitWrap" style="display:flex; flex-wrap:wrap; gap:1rem; align-items:flex-end;">
            <div>
                <label style="display:block; font-size:0.85rem; margin-bottom:0.25rem;">Net profit</label>
                <div style="display:flex; gap:0.5rem; align-items:center;">
                    <select id="profitType" style="padding:0.4rem; border:1px solid #d1d5db; border-radius:6px;">
                        <option value="percentage">Percentage %</option>
                        <option value="fixed">Fixed $</option>
                    </select>
                    <input type="number" id="profitValue" min="0" step="0.01" value="95" placeholder="e.g. 95 or 50" style="width:100px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px;">
                </div>
            </div>
        </div>
        <div id="profitTiersWrap" style="display:none; margin-top:1rem;">
            <label style="display:block; font-size:0.85rem; margin-bottom:0.5rem; font-weight:600;">Profit tiers</label>
            <p style="font-size:0.8rem; color:#6b7280; margin-bottom:0.5rem;">By cost range: e.g. products costing $1–500 → 50% or $500 flat. Ranges are based on variant cost.</p>
            <div id="profitTiersList"></div>
            <button type="button" id="btnAddProfitTier" style="margin-top:0.5rem; padding:0.35rem 0.75rem; font-size:0.85rem; background:#e5e7eb; border:1px solid #d1d5db; border-radius:6px; cursor:pointer;">Add tier</button>
        </div>
        <div style="display:flex; flex-wrap:wrap; gap:1rem; align-items:flex-end; margin-top:1rem;">
            <div>
                <label style="display:block; font-size:0.85rem; margin-bottom:0.25rem;">Compare at price</label>
                <div style="display:flex; flex-direction:column; gap:0.35rem;">
                    <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.85rem;">
                        <input type="radio" name="compareAtMode" value="use_original" checked style="width:1rem; height:1rem;">
                        <span>Use product's original compare-at price</span>
                    </label>
                    <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.85rem;">
                        <input type="radio" name="compareAtMode" value="discount_percent" style="width:1rem; height:1rem;">
                        <span>Calculate from discount %</span>
                    </label>
                    <div id="compareDiscountWrap" style="margin-left:1.5rem; display:none;">
                        <label style="display:block; font-size:0.8rem; margin-bottom:0.2rem;">Compare at discount %</label>
                        <input type="number" id="compareDiscountPercent" min="0" max="99.99" step="0.01" value="40" placeholder="e.g. 40" style="width:80px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px;">
                    </div>
                </div>
            </div>
            <div>
                <label style="display:block; font-size:0.85rem; margin-bottom:0.25rem;">Round sale price</label>
                <select id="priceRounding" style="padding:0.4rem; border:1px solid #d1d5db; border-radius:6px; min-width:220px;">
                    <option value="none">No rounding (use exact value)</option>
                    <option value="tens">Up to nearest $10 (e.g. 122.22 → 130)</option>
                    <option value="charm">Charm pricing (e.g. 145.25 → 149.99)</option>
                </select>
            </div>
        </div>
        <div style="margin-top:1rem; padding-top:1rem; border-top:1px solid #e5e7eb;">
            <h4 style="font-size:0.9rem; margin:0 0 0.5rem 0;">Fees (optional — not applied by default)</h4>
            <div style="display:flex; flex-wrap:wrap; gap:1rem; align-items:flex-end;">
                <div>
                    <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.85rem; margin-bottom:0.25rem;">
                        <input type="checkbox" id="useFeeGateway" style="width:1rem; height:1rem;">
                        <span>Include payment gateway fee %</span>
                    </label>
                    <input type="number" id="feeGatewayPct" min="0" max="99.99" step="0.01" value="{{ $dealsFeeDefaults['fee_gateway_pct'] }}" disabled style="width:80px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px; background:#f3f4f6;">
                </div>
                <div>
                    <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.85rem; margin-bottom:0.25rem;">
                        <input type="checkbox" id="useFeeCommission" style="width:1rem; height:1rem;">
                        <span>Include sales commission fee</span>
                    </label>
                    <div style="display:flex; gap:0.5rem; align-items:center;">
                        <select id="feeCommissionType" disabled style="padding:0.4rem; border:1px solid #d1d5db; border-radius:6px; background:#f3f4f6;">
                            <option value="percentage" @if(($dealsFeeDefaults['fee_commission_type'] ?? 'fixed') === 'percentage') selected @endif>%</option>
                            <option value="fixed" @if(($dealsFeeDefaults['fee_commission_type'] ?? 'fixed') === 'fixed') selected @endif>Fixed $</option>
                        </select>
                        <input type="number" id="feeCommissionValue" min="0" step="0.01" value="{{ $dealsFeeDefaults['fee_commission_amt'] }}" disabled style="width:80px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px; background:#f3f4f6;">
                    </div>
                </div>
                <div>
                    <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.85rem; margin-bottom:0.25rem;">
                        <input type="checkbox" id="useFeeShipping" style="width:1rem; height:1rem;">
                        <span>Include shipping fee $</span>
                    </label>
                    <input type="number" id="feeShipping" min="0" step="0.01" value="{{ $dealsFeeDefaults['fee_shipping_amt'] }}" disabled style="width:80px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px; background:#f3f4f6;">
                </div>
                <div>
                    <label style="display:flex; align-items:center; gap:0.5rem; font-size:0.85rem; margin-bottom:0.25rem;">
                        <input type="checkbox" id="useFeeExtra" style="width:1rem; height:1rem;">
                        <span>Include extra fee $</span>
                    </label>
                    <input type="number" id="feeExtra" min="0" step="0.01" value="{{ $dealsFeeDefaults['fee_extra_amt'] }}" disabled style="width:80px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px; background:#f3f4f6;">
                </div>
            </div>
        </div>
    </div>

    <div style="margin-top:0.75rem;">
        <strong>Preview</strong> (updates when you change the values above):
        <div id="previewList" style="margin-top:0.5rem; font-size:0.9rem; color:#374151;"></div>
    </div>

    <div id="addToDealBanner" style="display:none; margin-top:1rem; padding:0.75rem 1rem; background:#eff6ff; border:1px solid #93c5fd; border-radius:8px; font-size:0.9rem; color:#1e3a8a;">
        <strong>Adding products to Deal #<span id="addToDealIdLabel"></span>.</strong>
        New products use the same end time as this running deal. Existing products keep their current prices and rules.
        <button type="button" id="btnCancelAddToDeal" class="btn btn-secondary" style="margin-left:0.75rem; padding:0.25rem 0.6rem; font-size:0.8rem;">Cancel</button>
    </div>
    <div style="display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; margin-top:1rem;">
        @if(isset($currentDealDuration) && $currentDealDuration)
            <span style="color:#374151;">New deals will use the same duration as your active deals: <strong>{{ $currentDealDuration['value'] }} {{ $currentDealDuration['unit'] === 'days' ? ($currentDealDuration['value'] === 1 ? 'day' : 'days') : ($currentDealDuration['value'] === 1 ? 'hour' : 'hours') }}</strong>. You cannot set a different duration while you have active deals.</span>
        @else
            <label>Duration:</label>
            <input type="number" id="durationValue" min="1" value="24" style="width:80px; padding:0.4rem; border:1px solid #d1d5db; border-radius:6px;">
            <select id="durationUnit" style="padding:0.4rem; border:1px solid #d1d5db; border-radius:6px;">
                <option value="hours">Hours</option>
                <option value="days">Days</option>
            </select>
        @endif
        <label style="display:inline-flex; align-items:center; gap:0.5rem; margin-left:0.75rem; font-size:0.9rem; cursor:pointer;">
            <input type="checkbox" id="dealTestMode" checked style="width:1rem; height:1rem;">
            <span>Test mode (preview only — uncheck to apply for real)</span>
        </label>
        <button type="button" id="btnApply" class="btn btn-primary">Apply deal and set duration</button>
    </div>
    <p id="applyStatus" style="font-size:0.9rem; margin-top:0.5rem; display:flex; align-items:center; flex-wrap:wrap; gap:0.35rem;"></p>
    <div id="applyStatusNoCostProducts" style="display:none; margin-top:0.5rem; padding:0.5rem; background:#fef2f2; border:1px solid #fecaca; border-radius:6px; font-size:0.9rem;">
      <strong style="color:#b91c1c;">Products without cost (excluded from deal — add cost in Shopify or remove from selection):</strong>
      <ul id="applyStatusNoCostProductsList" style="margin:0.35rem 0 0 1.25rem; padding:0; color:#991b1b;"></ul>
    </div>
</div>
<style>
@keyframes deal-apply-spin { to { transform: rotate(360deg); } }
.deal-apply-spinner { display: inline-block; vertical-align: middle; animation: deal-apply-spin 0.85s linear infinite; }
</style>

<div id="test-result-section" style="display:none; margin-bottom:1.5rem; padding:1rem; background:#f0fdf4; border:1px solid #86efac; border-radius:8px;">
    <h2 style="font-size:1.1rem; margin-top:0; margin-bottom:0.5rem;">Test result (preview)</h2>
    <p style="font-size:0.9rem; color:#166534; margin-bottom:0.25rem;">How the deal would look. No changes saved. Uncheck Test mode and click Apply to apply for real.</p>
    <p id="testResultSummary" style="font-size:0.85rem; color:#15803d; margin-bottom:0.5rem;"></p>
    <ul id="testResultList" style="list-style:none; padding:0; max-height:320px; overflow-y:auto; border:1px solid #bbf7d0; border-radius:6px; padding:0.5rem; background:#fff;"></ul>
    <nav id="testResultPagination" role="navigation" style="margin-top:0.5rem; font-size:0.9rem;"></nav>
</div>

<hr style="margin:1.5rem 0;">
<div id="active-deals-section">
<h2 style="font-size:1.1rem;">Active deals</h2>
<p style="font-size:0.9rem; color:#6b7280; margin-bottom:0.75rem;">5 per page. Products currently in a deal, with countdown until prices are restored.</p>
<div id="active-deals-content">
    @include('deals.partials.active-deals-section', ['activeDeals' => $activeDeals])
</div>
</div>

<hr style="margin:1.5rem 0;">
@if(!empty($bestDeal))
<section class="best-deal-card" style="background:linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); border:1px solid #a7f3d0; border-radius:10px; padding:1.25rem 1.5rem; margin-bottom:1.5rem;">
    <h2 style="font-size:1rem; margin:0 0 0.75rem 0; color:#065f46; font-weight:600;">Best deal so far (by performance)</h2>
    <p style="font-size:0.8rem; color:#047857; margin:0 0 1rem 0;">Ranking: Orders completed → Checkout adds (personas) → Cart adds (personas) → Views.</p>
    <div style="display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-bottom:1rem;">
        <div style="font-size:1.25rem; font-weight:700; color:#111;">Deal #{{ $bestDeal->id }}</div>
        <div style="display:flex; flex-wrap:wrap; gap:1rem 2rem; font-size:0.9rem;">
            <span><strong style="color:#047857;">Orders completed:</strong> {{ (int)($bestDeal->final_orders_completed ?? 0) }}</span>
            @php $bestCheck = (int)($bestDeal->final_checkout_adds_unique_sessions ?? $bestDeal->final_checkout_adds ?? 0); @endphp
            <span><strong style="color:#047857;">Checkout adds:</strong> {{ $bestCheck }}</span>
            @php $bestCart = (int)($bestDeal->final_cart_adds_unique_sessions ?? $bestDeal->final_cart_adds ?? 0); @endphp
            <span><strong style="color:#047857;">Cart adds:</strong> {{ $bestCart }}</span>
            <span><strong style="color:#047857;">Views:</strong> {{ (int)($bestDeal->final_views ?? 0) }}</span>
        </div>
    </div>
</section>
@endif
<div id="recent-deals-section">
<h2 style="font-size:1.1rem;">Recent deals</h2>
<p style="font-size:0.9rem; color:#6b7280; margin-bottom:0.75rem;">5 per page. Finished deals cannot be edited or deleted; create a new deal instead.</p>
<div id="recent-deals-content">
    @include('deals.partials.recent-deals-section', ['deals' => $deals])
</div>
</div>

{{-- Modal: Deal stats (solo se abre al hacer clic en "Details") --}}
<div id="deal-stats-modal" role="dialog" aria-labelledby="deal-stats-modal-title" aria-modal="true" style="display:none; position:fixed; inset:0; z-index:1000; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); padding:1rem;">
    <div style="background:#fff; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,0.2); max-width:420px; width:100%; padding:1.5rem;">
        <h3 id="deal-stats-modal-title" style="margin:0 0 1rem 0; font-size:1.1rem;">Deal #<span id="deal-stats-deal-id">—</span> — How it performed</h3>
        <p id="deal-stats-period" style="font-size:0.85rem; color:#6b7280; margin:0 0 1rem 0;">—</p>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:0.75rem 1.5rem; margin-bottom:1rem;">
            <div><span style="font-size:0.8rem; color:#6b7280;">Orders completed</span><br><strong id="deal-stats-orders" style="font-size:1.25rem;">0</strong></div>
            <div><span style="font-size:0.8rem; color:#6b7280;">Cart adds</span><br><strong id="deal-stats-cart" style="font-size:1.25rem;">0</strong></div>
            <div><span style="font-size:0.8rem; color:#6b7280;">Checkout adds</span><br><strong id="deal-stats-checkout" style="font-size:1.25rem;">0</strong></div>
            <div><span style="font-size:0.8rem; color:#6b7280;">Views</span><br><strong id="deal-stats-views" style="font-size:1.25rem;">0</strong></div>
        </div>
        <p style="font-size:0.8rem; color:#6b7280; margin:0 0 1rem 0;">Numbers for this deal’s period (start–end).</p>
        <button type="button" id="deal-stats-modal-close" class="btn btn-primary" style="width:100%;">Close</button>
    </div>
</div>

@push('scripts')
<script>
(function() {
    var dealStatsModal = document.getElementById('deal-stats-modal');
    var dealStatsClose = document.getElementById('deal-stats-modal-close');
    function showDealStatsModal(data) {
        if (!dealStatsModal) return;
        document.getElementById('deal-stats-deal-id').textContent = data.deal_id || '—';
        document.getElementById('deal-stats-period').textContent = (data.starts_at && data.ends_at) ? (data.starts_at + ' → ' + data.ends_at) : '—';
        document.getElementById('deal-stats-orders').textContent = data.orders_completed != null ? data.orders_completed : '0';
        var cartSessions = data.cart_adds_unique_sessions != null ? data.cart_adds_unique_sessions : data.cart_adds;
        var cartT = cartSessions != null ? cartSessions : '0';
        if (data.cart_adds != null && data.cart_adds !== cartSessions && data.cart_adds > 0) cartT += ' (' + data.cart_adds + ' eventos)';
        document.getElementById('deal-stats-cart').textContent = cartT;
        var checkSessions = data.checkout_adds_unique_sessions != null ? data.checkout_adds_unique_sessions : data.checkout_adds;
        var checkT = checkSessions != null ? checkSessions : '0';
        if (data.checkout_adds != null && data.checkout_adds !== checkSessions && data.checkout_adds > 0) checkT += ' (' + data.checkout_adds + ' eventos)';
        document.getElementById('deal-stats-checkout').textContent = checkT;
        document.getElementById('deal-stats-views').textContent = data.views != null ? data.views : '0';
        dealStatsModal.style.display = 'flex';
    }
    function hideDealStatsModal() {
        if (dealStatsModal) dealStatsModal.style.display = 'none';
    }
    document.addEventListener('click', function(e) {
        var btn = e.target.closest('.btn-deal-details');
        if (btn) {
            var id = btn.getAttribute('data-deal-id');
            if (!id) return;
            fetch('{{ url("/deals") }}/' + id + '/stats', { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } })
                .then(function(r) { return r.ok ? r.json() : Promise.reject(new Error(r.status)); })
                .then(showDealStatsModal)
                .catch(function() { alert('Could not load deal stats.'); });
        }
    });
    if (dealStatsClose) dealStatsClose.addEventListener('click', hideDealStatsModal);
    if (dealStatsModal) dealStatsModal.addEventListener('click', function(e) { if (e.target === dealStatsModal) hideDealStatsModal(); });

    if (new URLSearchParams(window.location.search).has('page')) {
        var el = document.getElementById('recent-deals-section');
        if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
    }
    const meta = document.querySelector('meta[name="csrf-token"]');
    const csrf = meta ? meta.getAttribute('content') : '';
    window.dealsSelected = window.dealsSelected || [];
    const selected = window.dealsSelected;
    window.dealsShowSelected = showSelected;

    function formatCountdown(ms) {
        if (ms <= 0) return 'Ended';
        const s = Math.floor(ms / 1000) % 60;
        const m = Math.floor(ms / 60000) % 60;
        const h = Math.floor(ms / 3600000) % 24;
        const d = Math.floor(ms / 86400000);
        const parts = [];
        if (d > 0) parts.push(d + 'd');
        parts.push(String(h).padStart(2, '0') + 'h');
        parts.push(String(m).padStart(2, '0') + 'm');
        parts.push(String(s).padStart(2, '0') + 's');
        return parts.join(' ');
    }
    const ACTIVE_DEALS_PAGE_SIZE = 5;
    function initActiveDealsPagination() {
        const wrap = document.getElementById('active-deals-content');
        if (!wrap) return;
        const table = wrap.querySelector('#active-deals-table');
        const tbody = table && table.tBodies && table.tBodies[0];
        if (!tbody) return;
        const rows = tbody.querySelectorAll('tr.active-deal-product-row');
        const dealBars = wrap.querySelectorAll('.active-deal-bar');
        const total = rows.length;
        const paginationEl = wrap.querySelector('#active-deals-pagination');
        if (total <= ACTIVE_DEALS_PAGE_SIZE) {
            rows.forEach(function(r) { r.style.display = ''; });
            if (dealBars.length) dealBars.forEach(function(b) { b.style.display = ''; });
            if (paginationEl) { paginationEl.style.display = 'none'; paginationEl.innerHTML = ''; }
            return;
        }
        let currentPage = 1;
        const totalPages = Math.ceil(total / ACTIVE_DEALS_PAGE_SIZE);
        function showPage(p) {
            currentPage = Math.max(1, Math.min(p, totalPages));
            const start = (currentPage - 1) * ACTIVE_DEALS_PAGE_SIZE;
            const end = start + ACTIVE_DEALS_PAGE_SIZE;
            var visibleDealIds = {};
            for (var i = 0; i < rows.length; i++) {
                var show = (i >= start && i < end);
                rows[i].style.display = show ? '' : 'none';
                if (show) visibleDealIds[rows[i].getAttribute('data-deal-id')] = true;
            }
            dealBars.forEach(function(bar) {
                bar.style.display = visibleDealIds[bar.getAttribute('data-deal-id')] ? '' : 'none';
            });
            if (!paginationEl) return;
            paginationEl.style.display = '';
            const prevD = currentPage <= 1;
            const nextD = currentPage >= totalPages;
            paginationEl.innerHTML = '<span style="margin-right:0.5rem;">' + (prevD ? '<span style="color:#9ca3af;">Previous</span>' : '<button type="button" class="active-deals-prev" style="background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:underline;">Previous</button>') + '</span> <span>Page ' + currentPage + ' of ' + totalPages + '</span> <span style="margin-left:0.5rem;">' + (nextD ? '<span style="color:#9ca3af;">Next</span>' : '<button type="button" class="active-deals-next" style="background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:underline;">Next</button>') + '</span>';
            if (!prevD) paginationEl.querySelector('.active-deals-prev').onclick = function() { showPage(currentPage - 1); };
            if (!nextD) paginationEl.querySelector('.active-deals-next').onclick = function() { showPage(currentPage + 1); };
        }
        showPage(1);
    }
    let refreshScheduled = false;
    function refreshDealsSections() {
        var page = new URLSearchParams(window.location.search).get('page') || '1';
        fetch('{{ route("deals.sections") }}?page=' + page, { headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' } })
            .then(function(r) { return r.json(); })
            .then(function(data) {
                const activeEl = document.getElementById('active-deals-content');
                const recentEl = document.getElementById('recent-deals-content');
                if (activeEl && data.activeHtml != null) activeEl.innerHTML = data.activeHtml;
                if (recentEl && data.recentHtml != null) recentEl.innerHTML = data.recentHtml;
                if (data.hasActiveDeals !== undefined) {
                    const hint = document.getElementById('theme-section-buttons-hint');
                    const disabled = !data.hasActiveDeals;
                    ['btn-add-theme-section', 'btn-remove-theme-section', 'btn-add-block', 'btn-remove-block'].forEach(function(id) {
                        const btn = document.getElementById(id);
                        if (btn) { btn.disabled = disabled; btn.title = disabled ? 'Requires at least one active deal' : ''; }
                    });
                    if (hint) hint.style.display = disabled ? 'inline' : 'none';
                }
                updateCountdowns();
                initActiveDealsPagination();
            })
            .catch(function() {});
    }
    function updateCountdowns() {
        let anyEnded = false;
        document.querySelectorAll('.deal-countdown').forEach(function(el) {
            const endStr = el.getAttribute('data-end');
            if (!endStr) { el.textContent = '--'; return; }
            const end = new Date(endStr);
            if (isNaN(end.getTime())) { el.textContent = '--'; return; }
            const now = new Date();
            const ms = end.getTime() - now.getTime();
            el.textContent = formatCountdown(ms);
            if (ms <= 0) {
                el.style.color = '#16a34a';
                anyEnded = true;
            }
        });
        if (anyEnded && !refreshScheduled) {
            refreshScheduled = true;
            setTimeout(function() {
                refreshDealsSections();
                refreshScheduled = false;
            }, 3000);
        }
    }
    function applyRounding(sale, type) {
        if (type === 'none' || !type) return Math.round(sale * 100) / 100;
        sale = Math.round(sale * 100) / 100;
        if (type === 'tens') return Math.ceil(sale / 10) * 10;
        if (type === 'charm') {
            const tens = Math.ceil(sale / 10) * 10;
            return Math.round((tens - 1 + 0.99) * 100) / 100;
        }
        return sale;
    }
    const DEFAULT_PROFIT_TIERS = [
        { min: null, max: 500, profit_type: 'percentage', profit_value: 95 },
        { min: 500, max: 1000, profit_type: 'percentage', profit_value: 90 },
        { min: 1000, max: 1500, profit_type: 'percentage', profit_value: 85 },
        { min: 1500, max: 2000, profit_type: 'percentage', profit_value: 80 },
        { min: 2000, max: null, profit_type: 'fixed', profit_value: 1200 }
    ];
    function renderProfitTierRow(tier, index) {
        const div = document.createElement('div');
        div.className = 'profit-tier-row';
        div.style.cssText = 'display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; margin-bottom:0.5rem;';
        div.innerHTML = '<label style="font-size:0.8rem;">From $</label><input type="number" class="tier-min" min="0" step="0.01" placeholder="min" value="' + (tier.min != null ? tier.min : '') + '" style="width:80px; padding:0.3rem;">' +
            '<label style="font-size:0.8rem;">to $</label><input type="number" class="tier-max" min="0" step="0.01" placeholder="max" value="' + (tier.max != null ? tier.max : '') + '" style="width:80px; padding:0.3rem;">' +
            '<span style="font-size:0.8rem; color:#6b7280;">(empty = no limit)</span>' +
            '<select class="tier-type" style="padding:0.3rem;"><option value="percentage"' + (tier.profit_type === 'percentage' ? ' selected' : '') + '>%</option><option value="fixed"' + (tier.profit_type === 'fixed' ? ' selected' : '') + '>Fixed $</option></select>' +
            '<input type="number" class="tier-value" min="0" step="0.01" value="' + (tier.profit_value != null ? tier.profit_value : '') + '" style="width:80px; padding:0.3rem;">' +
            '<button type="button" class="tier-remove" style="padding:0.25rem 0.5rem; font-size:0.8rem; background:#fecaca; color:#b91c1c; border:1px solid #f87171; border-radius:4px; cursor:pointer;">Remove</button>';
        div.querySelector('.tier-remove').addEventListener('click', function() {
            div.remove();
            updatePreview();
        });
        ['tier-min', 'tier-max', 'tier-type', 'tier-value'].forEach(function(cl) {
            div.querySelector('.' + cl).addEventListener('input', updatePreview);
            div.querySelector('.' + cl).addEventListener('change', updatePreview);
        });
        return div;
    }
    function initProfitTiersIfEmpty() {
        const list = document.getElementById('profitTiersList');
        if (!list || list.querySelectorAll('.profit-tier-row').length > 0) return;
        DEFAULT_PROFIT_TIERS.forEach(function(t) { list.appendChild(renderProfitTierRow(t)); });
    }
    function getProfitTiersFromDom() {
        const list = document.getElementById('profitTiersList');
        if (!list) return [];
        const rows = list.querySelectorAll('.profit-tier-row');
        const tiers = [];
        rows.forEach(function(row) {
            const minVal = row.querySelector('.tier-min').value.trim();
            const maxVal = row.querySelector('.tier-max').value.trim();
            const type = row.querySelector('.tier-type').value;
            const val = parseFloat(row.querySelector('.tier-value').value) || 0;
            tiers.push({
                min: minVal === '' ? null : parseFloat(minVal),
                max: maxVal === '' ? null : parseFloat(maxVal),
                profit_type: type,
                profit_value: val
            });
        });
        return tiers;
    }
    window.getProfitTiersFromDom = getProfitTiersFromDom;
    function findTierForCost(tiers, cost) {
        const c = parseFloat(cost);
        if (isNaN(c)) return null;
        for (let i = 0; i < tiers.length; i++) {
            const t = tiers[i];
            const min = t.min != null ? t.min : -Infinity;
            const max = t.max != null ? t.max : Infinity;
            if (c >= min && c < max) return t;
        }
        return null;
    }
    window.dealsRefreshDealRulesMode = function() {
        const useTiers = true;
        const netWrap = document.getElementById('netProfitWrap');
        const tiersWrap = document.getElementById('profitTiersWrap');
        if (netWrap) netWrap.style.display = useTiers ? 'none' : 'flex';
        if (tiersWrap) {
            tiersWrap.style.display = useTiers ? 'block' : 'none';
            if (useTiers) initProfitTiersIfEmpty();
        }
        updatePreview();
    };

    function getFeeValues() {
        const useGateway = document.getElementById('useFeeGateway').checked;
        const useCommission = document.getElementById('useFeeCommission').checked;
        const useShipping = document.getElementById('useFeeShipping').checked;
        const useExtra = document.getElementById('useFeeExtra').checked;
        return {
            feeGatewayPct: useGateway ? (parseFloat(document.getElementById('feeGatewayPct').value) || 0) : 0,
            feeCommissionType: document.getElementById('feeCommissionType').value,
            feeCommissionValue: useCommission ? (parseFloat(document.getElementById('feeCommissionValue').value) || 0) : 0,
            feeShipping: useShipping ? (parseFloat(document.getElementById('feeShipping').value) || 0) : 0,
            feeExtra: useExtra ? (parseFloat(document.getElementById('feeExtra').value) || 0) : 0
        };
    }

    function toggleFeeInputs() {
        document.getElementById('feeGatewayPct').disabled = !document.getElementById('useFeeGateway').checked;
        document.getElementById('feeGatewayPct').style.background = document.getElementById('useFeeGateway').checked ? '#fff' : '#f3f4f6';
        const commOn = document.getElementById('useFeeCommission').checked;
        document.getElementById('feeCommissionType').disabled = !commOn;
        document.getElementById('feeCommissionValue').disabled = !commOn;
        document.getElementById('feeCommissionType').style.background = commOn ? '#fff' : '#f3f4f6';
        document.getElementById('feeCommissionValue').style.background = commOn ? '#fff' : '#f3f4f6';
        document.getElementById('feeShipping').disabled = !document.getElementById('useFeeShipping').checked;
        document.getElementById('feeShipping').style.background = document.getElementById('useFeeShipping').checked ? '#fff' : '#f3f4f6';
        document.getElementById('feeExtra').disabled = !document.getElementById('useFeeExtra').checked;
        document.getElementById('feeExtra').style.background = document.getElementById('useFeeExtra').checked ? '#fff' : '#f3f4f6';
    }

    function calcDeal(cost, profitType, profitValue, comparePercent, priceRounding, fees) {
        const c = parseFloat(cost);
        if (isNaN(c) || c < 0) return { sale: null, compare: null };
        fees = fees || getFeeValues();
        const netProfit = profitType === 'percentage' ? c * (profitValue / 100) : profitValue;
        let numerator = c + netProfit + fees.feeShipping + fees.feeExtra;
        let denomSale = 1 - (fees.feeGatewayPct / 100);
        if (fees.feeCommissionType === 'fixed') {
            numerator += fees.feeCommissionValue;
        } else {
            denomSale -= fees.feeCommissionValue / 100;
        }
        let sale = denomSale > 0.0001 ? numerator / denomSale : numerator;
        sale = applyRounding(sale, priceRounding || 'none');
        const denom = 1 - (comparePercent / 100);
        const compare = denom > 0 ? Math.round((sale / denom) * 100) / 100 : null;
        return { sale, compare };
    }

    // Flatten selected products to variant-level items (for apply payload and preview). Each item may have .override for custom deal.
    function getSelectedItems() {
        const items = [];
        selected.forEach(p => {
            (p.variants || []).forEach(v => {
                items.push({
                    variant_id: v.variant_id,
                    product_id: p.product_id,
                    title: p.title,
                    price: v.price,
                    compare_at_price: v.compare_at_price,
                    cost: v.cost,
                    image_url: p.image_url,
                    override: v.override || null
                });
            });
        });
        return items;
    }

    function updatePreview() {
        const useTiers = (getProfitTiersFromDom().length > 0);
        const tiers = useTiers ? getProfitTiersFromDom() : [];
        const profitType = document.getElementById('profitType') ? document.getElementById('profitType').value : 'percentage';
        const profitValue = parseFloat(document.getElementById('profitValue') && document.getElementById('profitValue').value) || 0;
        const comparePercent = parseFloat(document.getElementById('compareDiscountPercent').value) || 0;
        const priceRounding = document.getElementById('priceRounding').value;
        const fees = getFeeValues();
        const el = document.getElementById('previewList');
        const items = getSelectedItems();
        if (items.length === 0) { el.innerHTML = ''; return; }
        let html = '';
        items.forEach(item => {
            const cost = item.cost != null ? parseFloat(item.cost) : null;
            if (cost == null || isNaN(cost)) {
                html += '<div style="padding:0.25rem 0;">' + (item.title || 'Product') + ' — <span style="color:#b91c1c;">No cost</span></div>';
                return;
            }
            let pt = profitType, pv = profitValue;
            if (useTiers && tiers.length > 0) {
                const tier = findTierForCost(tiers, cost);
                if (tier) { pt = tier.profit_type; pv = tier.profit_value; }
            }
            if (item.override && item.override.profit_type != null) pt = item.override.profit_type;
            if (item.override && item.override.profit_value != null) pv = item.override.profit_value;
            const f = item.override ? {
                feeGatewayPct: item.override.fee_gateway_pct != null ? item.override.fee_gateway_pct : fees.feeGatewayPct,
                feeCommissionType: item.override.fee_commission_type != null ? item.override.fee_commission_type : fees.feeCommissionType,
                feeCommissionValue: item.override.fee_commission_value != null ? item.override.fee_commission_value : fees.feeCommissionValue,
                feeShipping: item.override.fee_shipping != null ? item.override.fee_shipping : fees.feeShipping,
                feeExtra: item.override.fee_extra != null ? item.override.fee_extra : fees.feeExtra
            } : fees;
            const r = calcDeal(cost, pt, pv, comparePercent, priceRounding, f);
            const compareAtMode = document.querySelector('input[name="compareAtMode"]:checked') && document.querySelector('input[name="compareAtMode"]:checked').value;
            const compareVal = visibleDealCompareAt(compareAtMode, item.price, item.compare_at_price, r.sale, comparePercent);
            const customLabel = item.override ? ' <span style="font-size:0.8rem; color:#1d4ed8;">(custom)</span>' : '';
            html += '<div style="padding:0.25rem 0;">' + (item.title || 'Product') + customLabel + ': Cost $' + cost.toFixed(2) + ' → Sale $' + (r.sale != null ? r.sale.toFixed(2) : '—') + (compareVal != null && !isNaN(compareVal) ? ' | Compare at $' + compareVal.toFixed(2) : '') + '</div>';
        });
        el.innerHTML = html;
    }
    function showSelected() {
        const section = document.getElementById('selectedSection');
        const list = document.getElementById('selectedList');
        if (selected.length === 0) {
            section.style.display = 'none';
            return;
        }
        section.style.display = 'block';
        if (typeof window.dealsRefreshDealRulesMode === 'function') window.dealsRefreshDealRulesMode();
        const profitType = document.getElementById('profitType').value;
        const profitValue = parseFloat(document.getElementById('profitValue').value) || 0;
        const feeVals = getFeeValues();
        const feeGatewayPct = feeVals.feeGatewayPct;
        const feeCommissionType = document.getElementById('feeCommissionType').value;
        const feeCommissionValue = feeVals.feeCommissionValue;
        const feeShipping = feeVals.feeShipping;
        const feeExtra = feeVals.feeExtra;
        let html = '';
        selected.forEach((p, pidx) => {
            const img = p.image_url ? '<img src="' + p.image_url + '" alt="" style="width:36px; height:36px; object-fit:cover; border-radius:4px;">' : '';
            html += '<li style="padding:0.5rem 0; border-bottom:1px solid #eee;">';
            html += '<div style="display:flex; align-items:center; gap:0.5rem;">' + img +
                '<span style="flex:1;"><strong>' + (p.title || 'Product') + '</strong> <span style="font-size:0.85rem; color:#6b7280;">(' + (p.variants && p.variants.length) + ' variant(s))</span></span>' +
                ' <button type="button" data-pidx="' + pidx + '" class="btn-remove btn btn-secondary" style="padding:0.2rem 0.5rem; font-size:0.8rem;">Remove product</button></div>';
            (p.variants || []).forEach((v, vidx) => {
                const hasCustom = v.override != null;
                const priceLabel = v.price != null ? ' $' + parseFloat(v.price).toFixed(2) : '';
                html += '<div style="margin-left:2.5rem; margin-top:0.35rem; padding:0.35rem; background:#f9fafb; border-radius:6px; font-size:0.9rem;">';
                html += '<span>Variant' + priceLabel + '</span> ';
                html += '<button type="button" class="btn-use-global btn btn-secondary" data-pidx="' + pidx + '" data-vidx="' + vidx + '" style="padding:0.15rem 0.4rem; font-size:0.8rem;">' + (hasCustom ? 'Use global' : 'Use global') + '</button> ';
                html += '<button type="button" class="btn-custom-deal btn ' + (hasCustom ? 'btn-primary' : 'btn-secondary') + '" data-pidx="' + pidx + '" data-vidx="' + vidx + '" style="padding:0.15rem 0.4rem; font-size:0.8rem;">Independent deal (custom)</button>';
                if (hasCustom) {
                    const o = v.override;
                    html += '<div class="variant-custom-form" style="margin-top:0.5rem; padding:0.5rem; border:1px solid #e5e7eb; border-radius:6px; background:#fff;">';
                    html += '<div style="display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; font-size:0.85rem;">';
                    html += 'Net profit: <select class="custom-profit-type" data-pidx="' + pidx + '" data-vidx="' + vidx + '"><option value="percentage"' + ((o.profit_type || 'percentage') === 'percentage' ? ' selected' : '') + '>%</option><option value="fixed"' + ((o.profit_type || '') === 'fixed' ? ' selected' : '') + '>Fixed $</option></select>';
                    html += ' <input type="number" class="custom-profit-value" data-pidx="' + pidx + '" data-vidx="' + vidx + '" value="' + (o.profit_value != null ? o.profit_value : profitValue) + '" min="0" step="0.01" style="width:70px; padding:0.25rem;">';
                    html += ' Gateway % <input type="number" class="custom-fee-gateway" data-pidx="' + pidx + '" data-vidx="' + vidx + '" value="' + (o.fee_gateway_pct != null ? o.fee_gateway_pct : feeGatewayPct) + '" min="0" step="0.01" style="width:50px; padding:0.25rem;">';
                    html += ' Commission <select class="custom-fee-comm-type" data-pidx="' + pidx + '" data-vidx="' + vidx + '"><option value="percentage"' + ((o.fee_commission_type || 'percentage') === 'percentage' ? ' selected' : '') + '>%</option><option value="fixed"' + ((o.fee_commission_type || '') === 'fixed' ? ' selected' : '') + '>$</option></select>';
                    html += ' <input type="number" class="custom-fee-comm-value" data-pidx="' + pidx + '" data-vidx="' + vidx + '" value="' + (o.fee_commission_value != null ? o.fee_commission_value : feeCommissionValue) + '" min="0" step="0.01" style="width:50px; padding:0.25rem;">';
                    html += ' Shipping $ <input type="number" class="custom-fee-shipping" data-pidx="' + pidx + '" data-vidx="' + vidx + '" value="' + (o.fee_shipping != null ? o.fee_shipping : feeShipping) + '" min="0" step="0.01" style="width:50px; padding:0.25rem;">';
                    html += ' Extra fee $ <input type="number" class="custom-fee-extra" data-pidx="' + pidx + '" data-vidx="' + vidx + '" value="' + (o.fee_extra != null ? o.fee_extra : feeExtra) + '" min="0" step="0.01" style="width:50px; padding:0.25rem;">';
                    html += '</div></div>';
                }
                html += '</div>';
            });
            html += '</li>';
        });
        list.innerHTML = html;
        list.querySelectorAll('.btn-remove').forEach(btn => {
            btn.addEventListener('click', () => {
                selected.splice(parseInt(btn.dataset.pidx, 10), 1);
                if (selected.length === 0 && typeof window.dealsHideTestResult === 'function') window.dealsHideTestResult();
                showSelected();
                updatePreview();
            });
        });
        list.querySelectorAll('.btn-use-global').forEach(btn => {
            btn.addEventListener('click', () => {
                const pidx = parseInt(btn.dataset.pidx, 10);
                const vidx = parseInt(btn.dataset.vidx, 10);
                if (selected[pidx] && selected[pidx].variants[vidx]) selected[pidx].variants[vidx].override = null;
                showSelected();
                updatePreview();
            });
        });
        list.querySelectorAll('.btn-custom-deal').forEach(btn => {
            btn.addEventListener('click', () => {
                const pidx = parseInt(btn.dataset.pidx, 10);
                const vidx = parseInt(btn.dataset.vidx, 10);
                if (!selected[pidx] || !selected[pidx].variants[vidx]) return;
                const v = selected[pidx].variants[vidx];
                if (!v.override) {
                    const f = getFeeValues();
                    v.override = {
                        profit_type: document.getElementById('profitType').value,
                        profit_value: parseFloat(document.getElementById('profitValue').value) || 0,
                        fee_gateway_pct: f.feeGatewayPct,
                        fee_commission_type: document.getElementById('feeCommissionType').value,
                        fee_commission_value: f.feeCommissionValue,
                        fee_shipping: f.feeShipping,
                        fee_extra: f.feeExtra
                    };
                }
                showSelected();
                updatePreview();
            });
        });
        list.querySelectorAll('.custom-profit-type, .custom-profit-value, .custom-fee-gateway, .custom-fee-comm-type, .custom-fee-comm-value, .custom-fee-shipping, .custom-fee-extra').forEach(el => {
            el.addEventListener('change', function() { syncVariantOverride(this); });
            el.addEventListener('input', function() { syncVariantOverride(this); });
        });
        updatePreview();
    }

    function syncVariantOverride(el) {
        const pidx = parseInt(el.dataset.pidx, 10);
        const vidx = parseInt(el.dataset.vidx, 10);
        if (!selected[pidx] || !selected[pidx].variants[vidx] || !selected[pidx].variants[vidx].override) return;
        const form = el.closest('.variant-custom-form');
        if (!form) return;
        const o = selected[pidx].variants[vidx].override;
        o.profit_type = (form.querySelector('.custom-profit-type') || {}).value || 'percentage';
        o.profit_value = parseFloat((form.querySelector('.custom-profit-value') || {}).value) || 0;
        o.fee_gateway_pct = parseFloat((form.querySelector('.custom-fee-gateway') || {}).value) || 0;
        o.fee_commission_type = (form.querySelector('.custom-fee-comm-type') || {}).value || 'percentage';
        o.fee_commission_value = parseFloat((form.querySelector('.custom-fee-comm-value') || {}).value) || 0;
        o.fee_shipping = parseFloat((form.querySelector('.custom-fee-shipping') || {}).value) || 0;
        o.fee_extra = parseFloat((form.querySelector('.custom-fee-extra') || {}).value) || 0;
        updatePreview();
    }

    function toggleCompareDiscountInput() {
        const wrap = document.getElementById('compareDiscountWrap');
        const useDiscount = document.querySelector('input[name="compareAtMode"]:checked') && document.querySelector('input[name="compareAtMode"]:checked').value === 'discount_percent';
        if (wrap) wrap.style.display = useDiscount ? 'block' : 'none';
    }

    function getSelectedItemsFromCollection() {
        let products = window.dealsLastSearchProducts || [];
        const norm = (id) => {
            const s = String(id || '').trim();
            const m = s.match(/gid:\/\/shopify\/Product\/(\d+)/i) || (s && /^\d+$/.test(s) ? [null, s] : null);
            return m ? m[1] : s;
        };
        const chkExclude = document.getElementById('chkExcludeProducts');
        const excluded = (window.dealsExcludedProducts || []);
        const excludedIds = excluded.map(x => norm(x.product_id));
        if (chkExclude && chkExclude.checked && excludedIds.length > 0) {
            products = products.filter(p => excludedIds.indexOf(norm(p.product_id)) === -1);
        }
        const items = [];
        products.forEach(p => {
            (p.variants || []).forEach(v => {
                items.push({
                    variant_id: v.variant_id || v.id,
                    product_id: p.product_id,
                    title: p.title,
                    price: v.price,
                    compare_at_price: v.compare_at_price,
                    cost: v.cost,
                    image_url: p.image_url || null,
                    override: null
                });
            });
        });
        return items;
    }
    function getTestResultRows() {
        const useCollectionForPreview = !!(window.dealsIsCollectionDeal) && (window.dealsLastSearchProducts || []).length > 0;
        const items = useCollectionForPreview ? getSelectedItemsFromCollection() : getSelectedItems();
        const useTiers = getProfitTiersFromDom().length > 0;
        const tiers = useTiers ? getProfitTiersFromDom() : [];
        const profitType = document.getElementById('profitType') ? document.getElementById('profitType').value : 'percentage';
        const profitValue = parseFloat(document.getElementById('profitValue') && document.getElementById('profitValue').value) || 0;
        const comparePercent = parseFloat(document.getElementById('compareDiscountPercent').value) || 0;
        const priceRounding = document.getElementById('priceRounding').value;
        const fees = getFeeValues();
        const compareAtMode = (document.querySelector('input[name="compareAtMode"]:checked') || {}).value || 'use_original';
        const rows = [];
        items.forEach(item => {
            const cost = item.cost != null ? parseFloat(item.cost) : null;
            if (cost == null || isNaN(cost)) return;
            let pt = profitType, pv = profitValue;
            if (useTiers && tiers.length > 0) {
                const tier = findTierForCost(tiers, cost);
                if (tier) { pt = tier.profit_type; pv = tier.profit_value; }
            }
            if (item.override && item.override.profit_type != null) pt = item.override.profit_type;
            if (item.override && item.override.profit_value != null) pv = item.override.profit_value;
            const f = item.override ? {
                feeGatewayPct: item.override.fee_gateway_pct != null ? item.override.fee_gateway_pct : fees.feeGatewayPct,
                feeCommissionType: item.override.fee_commission_type != null ? item.override.fee_commission_type : fees.feeCommissionType,
                feeCommissionValue: item.override.fee_commission_value != null ? item.override.fee_commission_value : fees.feeCommissionValue,
                feeShipping: item.override.fee_shipping != null ? item.override.fee_shipping : fees.feeShipping,
                feeExtra: item.override.fee_extra != null ? item.override.fee_extra : fees.feeExtra
            } : fees;
            const r = calcDeal(cost, pt, pv, comparePercent, priceRounding, f);
            const compareVal = visibleDealCompareAt(compareAtMode, item.price, item.compare_at_price, r.sale, comparePercent);
            rows.push({ title: item.title || 'Product', cost: cost, sale: r.sale, compareAt: compareVal });
        });
        return rows;
    }
    function doApply() {
        if (selected.length === 0) {
            document.getElementById('applyStatus').textContent = 'Select at least one product (the example) to configure the deal.';
            return;
        }
        const useCollectionForApply = !!(window.dealsIsCollectionDeal) && (window.dealsLastSearchProducts || []).length > 0;
        const itemsToSend = useCollectionForApply ? getSelectedItemsFromCollection() : getSelectedItems();
        if (itemsToSend.length === 0) {
            document.getElementById('applyStatus').textContent = 'No collection products to apply. Search the collection again.';
            return;
        }
        const profitType = document.getElementById('profitType').value;
        const profitValue = parseFloat(document.getElementById('profitValue').value);
        const compareDiscountPercent = parseFloat(document.getElementById('compareDiscountPercent').value) || 0;
        const durationForApply = (typeof window.getDealsDurationForApply === 'function' && window.getDealsDurationForApply()) || { value: 1, unit: 'hours' };
        const durationValue = durationForApply.value;
        const durationUnit = durationForApply.unit;
        const status = document.getElementById('applyStatus');
        let itemsWithCost = itemsToSend;
        const hasNoCost = itemsToSend.some(i => i.cost == null || i.cost === '');
        if (hasNoCost) {
            const noCostTitles = [];
            const seen = {};
            itemsToSend.forEach(i => {
                if (i.cost == null || i.cost === '') {
                    const t = (i.title || 'Product').trim();
                    if (t && !seen[t]) { seen[t] = true; noCostTitles.push(t); }
                }
            });
            const block = document.getElementById('applyStatusNoCostProducts');
            const listEl = document.getElementById('applyStatusNoCostProductsList');
            if (block && listEl) {
                listEl.innerHTML = noCostTitles.map(title => '<li>' + (title.replace(/</g, '&lt;')) + '</li>').join('');
                block.style.display = 'block';
            }
            itemsWithCost = itemsToSend.filter(i => i.cost != null && i.cost !== '');
            if (itemsWithCost.length === 0) {
                status.textContent = 'No products with cost. Add cost in Shopify or add other products.';
                return;
            }
            status.textContent = 'Products without cost are excluded. Proceeding with ' + itemsWithCost.length + ' product(s) with cost.';
        } else {
            const noCostBlock = document.getElementById('applyStatusNoCostProducts');
            if (noCostBlock) noCostBlock.style.display = 'none';
        }
        const testModeEl = document.getElementById('dealTestMode');
        if (testModeEl && testModeEl.checked) {
            const rows = getTestResultRows();
            if (typeof window.dealsShowTestResult === 'function') window.dealsShowTestResult(rows);
            status.textContent = 'Test mode: preview only. Uncheck "Test mode" and click Apply to apply for real.';
            return;
        }
        if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus('Applying...', true);
        else status.textContent = 'Applying...';

        const useTiers = getProfitTiersFromDom().length > 0;
        const profitTiersPayload = useTiers ? getProfitTiersFromDom() : null;
        const body = {
            items: itemsWithCost.map(it => {
                const base = { variant_id: it.variant_id, product_id: it.product_id, title: it.title, price: it.price, compare_at_price: it.compare_at_price, cost: it.cost, image_url: it.image_url };
                if (it.override) {
                    base.profit_type = it.override.profit_type;
                    base.profit_value = it.override.profit_value;
                    if (it.override.fee_gateway_pct != null) base.fee_gateway_pct = it.override.fee_gateway_pct;
                    if (it.override.fee_commission_type != null) base.fee_commission_type = it.override.fee_commission_type;
                    if (it.override.fee_commission_value != null) base.fee_commission_value = it.override.fee_commission_value;
                    if (it.override.fee_shipping != null) base.fee_shipping = it.override.fee_shipping;
                    if (it.override.fee_extra != null) base.fee_extra = it.override.fee_extra;
                }
                return base;
            }),
            profit_type: profitType,
            profit_value: profitValue,
            compare_at_mode: (document.querySelector('input[name="compareAtMode"]:checked') || {}).value || 'use_original',
            compare_discount_percent: compareDiscountPercent,
            price_rounding: document.getElementById('priceRounding').value || 'none',
            fee_gateway_pct: getFeeValues().feeGatewayPct,
            fee_commission_type: document.getElementById('feeCommissionType').value,
            fee_commission_value: getFeeValues().feeCommissionValue,
            fee_shipping: getFeeValues().feeShipping,
            fee_extra: getFeeValues().feeExtra,
            duration_value: durationValue,
            duration_unit: durationUnit
        };
        if (useTiers && profitTiersPayload && profitTiersPayload.length > 0) {
            body.use_profit_tiers = true;
            body.profit_tiers = profitTiersPayload;
        }
        fetch((window.dealsAddToDeal && window.dealsAddToDeal.url) ? window.dealsAddToDeal.url : '{{ route("deals.apply") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrf,
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json'
            },
            body: JSON.stringify(body)
        })
            .then(r => r.json())
            .then(data => {
                const msg = data.message || (data.success ? 'Done.' : 'Error');
                if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus(msg, false);
                else status.textContent = msg;
                if (data.success) {
                    selected.length = 0;
                    showSelected();
                    window.location.reload();
                }
            })
            .catch(function(e) {
                const errMsg = 'Error: ' + (e && e.message || 'Apply failed');
                if (typeof window.dealsSetApplyStatus === 'function') window.dealsSetApplyStatus(errMsg, false);
                else status.textContent = errMsg;
            });
    }
    window.dealsDoApply = doApply;

    updateCountdowns();
    initActiveDealsPagination();
    setInterval(updateCountdowns, 1000);
    setInterval(refreshDealsSections, 60000);

    function runSearch() {
        var fb = document.getElementById('searchFeedback');
        var searchInput = document.getElementById('search');
        var block = document.getElementById('searchResults');
        var status = document.getElementById('searchStatus');
        var errBox = document.getElementById('searchError');
        var ul = document.getElementById('resultList');

        function setFeedback(msg, isError) {
            if (fb) {
                fb.textContent = 'Status: ' + msg;
                fb.style.background = isError ? '#fee2e2' : '#e0f2fe';
                fb.style.color = isError ? '#b91c1c' : '#0369a1';
                fb.style.borderColor = isError ? '#fecaca' : '#7dd3fc';
            }
            if (status) status.textContent = msg;
            if (errBox) { errBox.style.display = isError ? 'block' : 'none'; errBox.textContent = isError ? msg : ''; }
        }

        setFeedback('Searching... (connecting to Shopify)', false);
        if (block) block.style.display = 'block';
        if (ul) ul.innerHTML = '';

        var q = (searchInput && searchInput.value) ? String(searchInput.value).trim() : '';
        fetch('{{ route("deals.search") }}?q=' + encodeURIComponent(q) + '&_=' + Date.now(), {
            headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }
        })
            .then(function(r) {
                if (!r.ok) return r.text().then(function(t) { throw new Error('Server ' + r.status + (t ? ': ' + t.substring(0, 200) : '')); });
                return r.json();
            })
            .then(function(data) {
                if (data.error) {
                    setFeedback('Connected but Shopify/app error: ' + data.error, true);
                    return;
                }
                var products = (data.products || []);
                var totalVariants = products.reduce(function(s, p) { return s + (p.variants && p.variants.length ? p.variants.length : 0); }, 0);
                setFeedback('Connected. Found: ' + products.length + ' products (' + totalVariants + ' variants).', false);
                if (errBox) errBox.style.display = 'none';
                if (ul) {
                    products.forEach(function(product) {
                        var n = (product.variants && product.variants.length) || 0;
                        var li = document.createElement('li');
                        li.style.padding = '0.5rem 0'; li.style.borderBottom = '1px solid #eee'; li.style.display = 'flex'; li.style.alignItems = 'center'; li.style.gap = '0.5rem';
                        var img = product.image_url ? '<img src="' + product.image_url + '" alt="" style="width:40px; height:40px; object-fit:cover; border-radius:4px;">' : '<span style="width:40px; color:#9ca3af;">—</span>';
                        li.innerHTML = img + '<span style="flex:1;">' + (product.title || 'Product') + ' <span style="font-size:0.85rem; color:#6b7280;">(' + n + ' variant(s))</span></span> <button type="button" class="btn-add btn btn-primary" style="padding:0.25rem 0.6rem; font-size:0.85rem;">Add</button>';
                        li.querySelector('.btn-add').addEventListener('click', function() {
                            selected.push({ product_id: product.product_id, title: product.title, image_url: product.image_url || null, variants: (product.variants || []).map(function(v) { return Object.assign({}, v); }) });
                            showSelected();
                        });
                        ul.appendChild(li);
                    });
                }
            })
            .catch(function(e) {
                var msg = (e && e.message) || 'Network error or timeout';
                setFeedback('Could not connect or error: ' + msg, true);
            });
    }

    try {
        if (document.getElementById('compareDiscountWrap')) toggleCompareDiscountInput();
        const btnAddTier = document.getElementById('btnAddProfitTier');
        if (btnAddTier) {
            btnAddTier.addEventListener('click', function() {
                const list = document.getElementById('profitTiersList');
                if (list) list.appendChild(renderProfitTierRow({ min: null, max: null, profit_type: 'percentage', profit_value: 0 }));
                updatePreview();
            });
        }
        document.querySelectorAll('input[name="compareAtMode"]').forEach(function(radio) {
            radio.addEventListener('change', function() { toggleCompareDiscountInput(); updatePreview(); showSelected(); });
        });
        const profitTypeEl = document.getElementById('profitType');
        const profitValueEl = document.getElementById('profitValue');
        if (profitTypeEl) profitTypeEl.addEventListener('change', function() { updatePreview(); showSelected(); });
        if (profitValueEl) profitValueEl.addEventListener('input', function() { updatePreview(); showSelected(); });
        document.getElementById('compareDiscountPercent').addEventListener('input', function() { updatePreview(); showSelected(); });
        document.getElementById('priceRounding').addEventListener('change', function() { updatePreview(); showSelected(); });
        document.getElementById('feeGatewayPct').addEventListener('input', updatePreview);
        document.getElementById('feeCommissionType').addEventListener('change', updatePreview);
        document.getElementById('feeCommissionValue').addEventListener('input', updatePreview);
        document.getElementById('feeShipping').addEventListener('input', updatePreview);
        document.getElementById('feeExtra').addEventListener('input', updatePreview);
        document.getElementById('useFeeGateway').addEventListener('change', function() { toggleFeeInputs(); updatePreview(); showSelected(); });
        document.getElementById('useFeeCommission').addEventListener('change', function() { toggleFeeInputs(); updatePreview(); showSelected(); });
        document.getElementById('useFeeShipping').addEventListener('change', function() { toggleFeeInputs(); updatePreview(); showSelected(); });
        document.getElementById('useFeeExtra').addEventListener('change', function() { toggleFeeInputs(); updatePreview(); showSelected(); });
        document.getElementById('btnApply').addEventListener('click', doApply);
    } catch (err) {
        // If form setup fails, search is already bound above
    }
})();

(function() {
  var autoRefreshMinutes = {{ (int)($autoRefreshMinutes ?? 0) }};
  if (autoRefreshMinutes > 0) {
    var modalIds = ['deal-stats-modal'];
    setInterval(function() {
      for (var i = 0; i < modalIds.length; i++) {
        var el = document.getElementById(modalIds[i]);
        if (el && (el.hidden === false || (el.style && el.style.display !== 'none'))) return;
      }
      window.location.reload();
    }, autoRefreshMinutes * 60 * 1000);
  }
})();
</script>
@endpush
@endsection