<div>
  <div
    hx-get="shop/totals/"
    hx-trigger="every 1ms"
    hx-on::config-request="
    event.detail.path = !(
        new URLSearchParams(window.location.search
    ).get('order'))
        ? 'shop/totals/' 
        : 'shop/totals/?orderId=' + new URLSearchParams(window.location.search).get('order');
    "
    hx-swap="outerHTML"
  ></div>
  <div
    id="order-form-rose-ash-shop"
    hx-get="shop/order"
    hx-swap="outerHTML"
    hx-trigger="every 1s"
    hx-target="#order-form-rose-ash-shop"
    hx-on::config-request="event.detail.path += window.location.search;"
    hx-on::confirm="
        console.log(window.location.search)
        console.log('checking...')
        if (false && new URLSearchParams(window.location.search).get('show') !== 'buy') {
        event.preventDefault();
        }
    "
  >
    <div class="spinner-border" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>

  <div
    id="order-detail-rose-ash-shop"
    hx-get="shop/order"
    hx-trigger="every 1s"
    hx-on::config-request="event.detail.path = new URLSearchParams(window.location.search).get('orderId') ? 'shop/order/' + new URLSearchParams(window.location.search).get('orderId')+ '/' : null; "
    hx-on::confirm=" if (!new URLSearchParams(window.location.search).get('orderId')) { event.preventDefault(); }"
    hx-swap="outerHTML"
  >
  </div>
</div>