<turbo-stream action="update" target="generalModal"><template><div class="general-modal-container">
  <div class="modal fade" id=newOrderModal tabindex="-1" aria-labelledby="newOrderModalLabel" aria-hidden="true" data-controller="modal"
       data-modal-show-value="true"  data-bs-keyboard=false data-bs-backdrop=static
       data-modal-empty-stream-wrapper-value="true" data-modal-multiple-modal-value="true"
       >
    <div class="modal-dialog modal-dialog-centered modal-xl">
      <div class="modal-content mw-unset ">
        <div class="modal-body">
          
  <div class="general-modal-wrapper discount-form-modal-wrapper">
    <div class="row order-wrapper" data-controller="order-summary" data-order-summary-event-published-value="true"
         data-order-summary-stub-fee-percent-value="0.0"
         data-order-summary-stub-fee-dollar-value="1.0"
         data-order-summary-stripe-fee-percent-value="0.029"
         data-order-summary-stripe-fee-cents-value="0.3"
         data-order-summary-tax-fee-value=>

        <div class="order-modal-left-header" id="order_header">
          <div class="order-modal-title">
            <h2 class="order-modal-event-name">L;VE ALOHA ATHLETICS 16U Baseball Tournament</h2>
            <div class="order-modal-event-date">Oct 3 – Oct 4, 2026 (next day)</div>
          </div>
          <button type="button" class="btn cancel-btn order-modal-close-floating" data-bs-dismiss="modal" aria-label="Close"><img src="/assets/cross-515a74e5.svg" /></button>
        </div>

      <div class="col-12 col-xl-7 position-relative">
        <div id="ticket_bundle_section">
          <div id="tickets">
            
<div class="multiple-bundles-wrapper">
  <div class="body" data-controller="discount-operation"
       data-discount-operation-remaining-discount-codes-value="notPresent">
    <form data-turbo-stream="true" data-controller="order-form" action="/orders?event_slug=Qt6PTfpg" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TubgfRrd9akjSh7NjAOBnqp-dKM9lvEIyCATGQBzeFCCaKBgocvvt4tnrYucDu-ko-0D1T6q42Kw8o60RHo27Q" autocomplete="off" />

        <div class="full-event-access-group mt-3">
          <div class="tickets-container">
              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_140"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="140"
     data-ticket-quantity-ticket-name-value="Team Registration - NON-REFUNDABLE PAY IN FULL"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="825"
     data-ticket-quantity-display-price-value="825"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="6"
     data-ticket-quantity-discount-applied-value="false"
     data-ticket-quantity-discounted-price-value="0"
     data-ticket-quantity-purchased-limit-enabled-value="false"
     data-ticket-quantity-min-tickets-per-order-value="1"
     data-ticket-quantity-max-tickets-per-order-value=""
     data-ticket-discount-calculator-ticket-id-value="140"
     data-ticket-discount-calculator-ticket-price-value="825"
     data-ticket-discount-calculator-early-bird-enabled-value="false"
     data-ticket-discount-calculator-group-pricing-enabled-value="false"
>
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name ">Team Registration - NON-REFUNDABLE PAY IN FULL</div>
      <div class="quantity col-4">
        <div class="quantity-selector">
  <input autocomplete="off" value="0" data-ticket-quantity-target="value" disabled="disabled" class="show-number" type="hidden" name="tickets[140][quantity]" id="tickets[140][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement" aria-label="Decrease quantity">
    <span class="qty-glyph" aria-hidden="true">&minus;</span>
  </button>
  <div data-ticket-quantity-target="show">0</div>
  <button type="button" class="btn-plus" data-ticket-quantity-target="plusButton"
          data-action="click->ticket-quantity#increment" aria-label="Increase quantity">
    <span class="qty-glyph" aria-hidden="true">+</span>
  </button>
</div>

      </div>
    </div>

    <!-- Discount Badge -->
    <div class="discount-badge d-none" data-ticket-discount-calculator-target="discountBadge"></div>

        <div class="price-wrapper">
          <div> <img src="/assets/dollar-8d07e191.svg" /></div>
          <div class="price-div">
            <div class="price" id="140">$825.00 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        



      <div class="ticket-entitlement-note">Includes access to all days of the event</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_141"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="141"
     data-ticket-quantity-ticket-name-value="Team Registration NON-REFUNDABLE DEPOSIT"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="425"
     data-ticket-quantity-display-price-value="425"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="5"
     data-ticket-quantity-discount-applied-value="false"
     data-ticket-quantity-discounted-price-value="0"
     data-ticket-quantity-purchased-limit-enabled-value="false"
     data-ticket-quantity-min-tickets-per-order-value="1"
     data-ticket-quantity-max-tickets-per-order-value=""
     data-ticket-discount-calculator-ticket-id-value="141"
     data-ticket-discount-calculator-ticket-price-value="425"
     data-ticket-discount-calculator-early-bird-enabled-value="false"
     data-ticket-discount-calculator-group-pricing-enabled-value="false"
>
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name ">Team Registration NON-REFUNDABLE DEPOSIT</div>
      <div class="quantity col-4">
        <div class="quantity-selector">
  <input autocomplete="off" value="0" data-ticket-quantity-target="value" disabled="disabled" class="show-number" type="hidden" name="tickets[141][quantity]" id="tickets[141][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement" aria-label="Decrease quantity">
    <span class="qty-glyph" aria-hidden="true">&minus;</span>
  </button>
  <div data-ticket-quantity-target="show">0</div>
  <button type="button" class="btn-plus" data-ticket-quantity-target="plusButton"
          data-action="click->ticket-quantity#increment" aria-label="Increase quantity">
    <span class="qty-glyph" aria-hidden="true">+</span>
  </button>
</div>

      </div>
    </div>

    <!-- Discount Badge -->
    <div class="discount-badge d-none" data-ticket-discount-calculator-target="discountBadge"></div>

        <div class="price-wrapper">
          <div> <img src="/assets/dollar-8d07e191.svg" /></div>
          <div class="price-div">
            <div class="price" id="141">$425.00 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        



      <div class="ticket-entitlement-note">Includes access to all days of the event</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_146"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="146"
     data-ticket-quantity-ticket-name-value="Angels in the Outfield Partner"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="250"
     data-ticket-quantity-display-price-value="250"
     data-ticket-quantity-absorb-fee-value="false"
     data-ticket-quantity-available-tickets-value="4"
     data-ticket-quantity-discount-applied-value="false"
     data-ticket-quantity-discounted-price-value="0"
     data-ticket-quantity-purchased-limit-enabled-value="false"
     data-ticket-quantity-min-tickets-per-order-value="1"
     data-ticket-quantity-max-tickets-per-order-value=""
     data-ticket-discount-calculator-ticket-id-value="146"
     data-ticket-discount-calculator-ticket-price-value="250"
     data-ticket-discount-calculator-early-bird-enabled-value="false"
     data-ticket-discount-calculator-group-pricing-enabled-value="false"
>
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name ">Angels in the Outfield Partner</div>
      <div class="quantity col-4">
        <div class="quantity-selector">
  <input autocomplete="off" value="0" data-ticket-quantity-target="value" disabled="disabled" class="show-number" type="hidden" name="tickets[146][quantity]" id="tickets[146][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement" aria-label="Decrease quantity">
    <span class="qty-glyph" aria-hidden="true">&minus;</span>
  </button>
  <div data-ticket-quantity-target="show">0</div>
  <button type="button" class="btn-plus" data-ticket-quantity-target="plusButton"
          data-action="click->ticket-quantity#increment" aria-label="Increase quantity">
    <span class="qty-glyph" aria-hidden="true">+</span>
  </button>
</div>

      </div>
    </div>

    <!-- Discount Badge -->
    <div class="discount-badge d-none" data-ticket-discount-calculator-target="discountBadge"></div>

        <div class="price-wrapper">
          <div> <img src="/assets/dollar-8d07e191.svg" /></div>
          <div class="price-div">
            <div class="price" id="146">$258.81 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        


      <div class="ticket-description-wrapper"
           data-controller="expandable-section"
           data-expandable-section-expanded-class="is-expanded">
        <div class="ticket-description" data-expandable-section-target="content">Help us create a meaningful space where players, coaches and families can honor loved ones lost to suicide. This special tournament tribute celebrates their lives, carries their legacies forward and reminds every person in our community that they are not alone. Partner recognition will be featured at the Angels in the Outfield memorial and shared across tournament social media.

Honoring their lives. Carrying their legacies.</div>
        <button type="button"
                class="ticket-description-toggle"
                data-expandable-section-target="toggle"
                data-action="click->expandable-section#toggle">
          <span data-expandable-section-target="showMoreLabel">Read more</span>
          <span class="d-none" data-expandable-section-target="showLessLabel">Show less</span>
        </button>
      </div>

      <div class="ticket-entitlement-note">Includes access to all days of the event</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_143"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="143"
     data-ticket-quantity-ticket-name-value="Play Ball Partner"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="2500"
     data-ticket-quantity-display-price-value="2500"
     data-ticket-quantity-absorb-fee-value="false"
     data-ticket-quantity-available-tickets-value="2"
     data-ticket-quantity-discount-applied-value="false"
     data-ticket-quantity-discounted-price-value="0"
     data-ticket-quantity-purchased-limit-enabled-value="false"
     data-ticket-quantity-min-tickets-per-order-value="1"
     data-ticket-quantity-max-tickets-per-order-value=""
     data-ticket-discount-calculator-ticket-id-value="143"
     data-ticket-discount-calculator-ticket-price-value="2500"
     data-ticket-discount-calculator-early-bird-enabled-value="false"
     data-ticket-discount-calculator-group-pricing-enabled-value="false"
>
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name ">Play Ball Partner</div>
      <div class="quantity col-4">
        <div class="quantity-selector">
  <input autocomplete="off" value="0" data-ticket-quantity-target="value" disabled="disabled" class="show-number" type="hidden" name="tickets[143][quantity]" id="tickets[143][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement" aria-label="Decrease quantity">
    <span class="qty-glyph" aria-hidden="true">&minus;</span>
  </button>
  <div data-ticket-quantity-target="show">0</div>
  <button type="button" class="btn-plus" data-ticket-quantity-target="plusButton"
          data-action="click->ticket-quantity#increment" aria-label="Increase quantity">
    <span class="qty-glyph" aria-hidden="true">+</span>
  </button>
</div>

      </div>
    </div>

    <!-- Discount Badge -->
    <div class="discount-badge d-none" data-ticket-discount-calculator-target="discountBadge"></div>

        <div class="price-wrapper">
          <div> <img src="/assets/dollar-8d07e191.svg" /></div>
          <div class="price-div">
            <div class="price" id="143">$2,576.00 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        


      <div class="ticket-description-wrapper"
           data-controller="expandable-section"
           data-expandable-section-expanded-class="is-expanded">
        <div class="ticket-description" data-expandable-section-target="content">Support the L;VE ALOHA ATHLETICS 16U Tournament by helping cover essential event expenses. Play Ball Partners will receive recognition throughout the tournament and dedicated social media shoutouts.

Every inning. Every athlete. One greater mission.</div>
        <button type="button"
                class="ticket-description-toggle"
                data-expandable-section-target="toggle"
                data-action="click->expandable-section#toggle">
          <span data-expandable-section-target="showMoreLabel">Read more</span>
          <span class="d-none" data-expandable-section-target="showLessLabel">Show less</span>
        </button>
      </div>

      <div class="ticket-entitlement-note">Includes access to all days of the event</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_144"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="144"
     data-ticket-quantity-ticket-name-value="More Than the Game Awards Partner"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="1000"
     data-ticket-quantity-display-price-value="1000"
     data-ticket-quantity-absorb-fee-value="false"
     data-ticket-quantity-available-tickets-value="2"
     data-ticket-quantity-discount-applied-value="false"
     data-ticket-quantity-discounted-price-value="0"
     data-ticket-quantity-purchased-limit-enabled-value="false"
     data-ticket-quantity-min-tickets-per-order-value="1"
     data-ticket-quantity-max-tickets-per-order-value=""
     data-ticket-discount-calculator-ticket-id-value="144"
     data-ticket-discount-calculator-ticket-price-value="1000"
     data-ticket-discount-calculator-early-bird-enabled-value="false"
     data-ticket-discount-calculator-group-pricing-enabled-value="false"
>
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name ">More Than the Game Awards Partner</div>
      <div class="quantity col-4">
        <div class="quantity-selector">
  <input autocomplete="off" value="0" data-ticket-quantity-target="value" disabled="disabled" class="show-number" type="hidden" name="tickets[144][quantity]" id="tickets[144][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement" aria-label="Decrease quantity">
    <span class="qty-glyph" aria-hidden="true">&minus;</span>
  </button>
  <div data-ticket-quantity-target="show">0</div>
  <button type="button" class="btn-plus" data-ticket-quantity-target="plusButton"
          data-action="click->ticket-quantity#increment" aria-label="Increase quantity">
    <span class="qty-glyph" aria-hidden="true">+</span>
  </button>
</div>

      </div>
    </div>

    <!-- Discount Badge -->
    <div class="discount-badge d-none" data-ticket-discount-calculator-target="discountBadge"></div>

        <div class="price-wrapper">
          <div> <img src="/assets/dollar-8d07e191.svg" /></div>
          <div class="price-div">
            <div class="price" id="144">$1,031.20 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        


      <div class="ticket-description-wrapper"
           data-controller="expandable-section"
           data-expandable-section-expanded-class="is-expanded">
        <div class="ticket-description" data-expandable-section-target="content">Help us recognize the athletes whose performance, character and sportsmanship make an impact throughout the L;VE ALOHA ATHLETICS 16U Tournament. Your sponsorship will support tournament awards and player recognition, with recognition throughout the weekend and dedicated social media shoutouts.

Celebrating achievement on and off the field.</div>
        <button type="button"
                class="ticket-description-toggle"
                data-expandable-section-target="toggle"
                data-action="click->expandable-section#toggle">
          <span data-expandable-section-target="showMoreLabel">Read more</span>
          <span class="d-none" data-expandable-section-target="showLessLabel">Show less</span>
        </button>
      </div>

      <div class="ticket-entitlement-note">Includes access to all days of the event</div>
  </div>
</div>

          </div>
        </div>
        <div class="full-event-access-group mt-3">
          <div class="tickets-container">
              <div class="bundle-wrapper mt-10px"
     id="donation_bundle_145"
     data-controller="donation-ticket"
     data-donation-ticket-ticket-id-value="145"
     data-donation-ticket-ticket-name-value="Give Beyond the Game"
     data-donation-ticket-absorb-fee-value="false"
     data-donation-ticket-min-value="25.0"
     data-donation-ticket-max-value="">
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name">Give Beyond the Game</div>
    </div>


    <input type="hidden" name="tickets[145][quantity]" value="1" disabled
           data-donation-ticket-target="quantityField">
    <input type="hidden" name="tickets[145][amount]" value="" disabled
           data-donation-ticket-target="amountField">
    <input type="hidden" name="tickets[145][discount_type]" value="none" disabled
           data-donation-ticket-target="discountTypeField">

      <div class="donation-amounts">
        <span class="donation-amounts-label">Choose an amount</span>
        <div class="d-flex flex-wrap gap-2">
            <button type="button" class="btn donation-amount-btn"
                    data-action="click->donation-ticket#selectAmount"
                    data-amount="25.0">
              $25.00
            </button>
            <button type="button" class="btn donation-amount-btn"
                    data-action="click->donation-ticket#selectAmount"
                    data-amount="50.0">
              $50.00
            </button>
            <button type="button" class="btn donation-amount-btn"
                    data-action="click->donation-ticket#selectAmount"
                    data-amount="100.0">
              $100.00
            </button>
        </div>
      </div>

      <div class="donation-custom mt-2">
        <label class="donation-custom-label">Or enter your own</label>
        <div class="price-field">
          <span class="dollar-text">$</span>
          <input type="number" class="form-control" min="25.0"
                 
                 placeholder="$25.00"
                 data-donation-ticket-target="customInput"
                 data-action="input->donation-ticket#customAmountChange">
        </div>
      </div>

    <div class="donation-includes-note">Your donation includes 1 ticket to the event</div>
  </div>
</div>

          </div>
        </div>
      <div class="order-footer">
        <div class="d-none order-summary-wrapper d-xl-none" data-order-summary-target="orderSummaryWrapper">
          <div class="order-summary">
  <div class="summary">Order Summary</div>
  <div class="summary-items">
    <div data-order-summary-target="summary" class="ticket-items"></div>

    <div class="order-summary-empty" data-order-summary-target="emptyState">
      <div class="order-summary-empty-icon">
        <img alt="" src="/assets/horizontal_ticket-9088c003.svg" />
      </div>
      <div class="order-summary-empty-title">Your order is empty</div>
      <div class="order-summary-empty-desc">Add tickets to see your order summary.</div>
    </div>

    <div id="order_buy_detail" class="summary-items d-none" data-order-summary-target="orderTotals">
      <div class="d-none" data-order-summary-target="fullPriceWrapper">
        <div class="summary-item line"></div>
        <div class="summary-item mt-16px">Subtotal
          <div> $<span data-order-summary-target="fullPrice">0.00</span></div>
        </div>
      </div>

      <div class='d-none' data-order-summary-target="platformFeesWrapper">
        <div class="summary-item">
          <span class="d-flex" data-controller="tooltip">Platform Fees
          <img class="ml-5px" data-bs-toggle="tooltip" data-bs-placement="top" title="Platform Fee is Non-Refundable" src="/assets/info_icon-016dc4ca.svg" />
          </span>
          <div>$<span data-order-summary-target="platformFees">0.00</span></div>
        </div>
      </div>

      <div class="summary-item d-none" data-order-summary-target="processingFeesWrapper">
        <span class="d-flex" data-controller="tooltip">Processing Fees
          <img class="ml-5px" data-bs-toggle="tooltip" data-bs-placement="top" title="Processing Fee is Non-Refundable" src="/assets/info_icon-016dc4ca.svg" />
        </span>
        <div>$<span data-order-summary-target="processingFees">0.00</span></div>
      </div>

      <div class="d-none" data-order-summary-target="taxWrapper">
        <div class="summary-item">
          <span class="d-flex" data-controller="tooltip">Tax
          <img class="ml-5px" data-bs-toggle="tooltip" data-bs-placement="top" title="Tax is Non-Refundable" src="/assets/info_icon-016dc4ca.svg" />
          </span>
          <div> $<span data-order-summary-target="tax">0.00</span></div>
        </div>
      </div>


      <div class="summary-item text-success d-none" data-order-summary-target="discountWrapper">Discount
        <div>- $<span data-order-summary-target="discount">0.00</span></div>
      </div>

      <div class="summary-item line"></div>
      <div class="summary-item total">Total
        <div><span data-order-summary-target="totalCurrencySymbol">$</span><span data-order-summary-target="total">0.00</span></div>
      </div>
    </div>
  </div>
</div>

<div class="checkout-trust-card">
  <svg class="checkout-trust-shield" viewBox="0 0 24 24" fill="none" aria-hidden="true">
    <path d="M12 3 5 6v5c0 4.2 2.9 7.8 7 9 4.1-1.2 7-4.8 7-9V6l-7-3z" fill="#2684FF"/>
    <path d="m9 12 2 2 4-4" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  <div class="checkout-trust-body">
    <div class="checkout-trust-title">100% Secure Checkout</div>
    <div class="checkout-trust-desc">Your data is protected and your payment is secure.</div>
    <div class="checkout-trust-powered">
      <svg class="checkout-trust-lock" viewBox="0 0 24 24" fill="none" aria-hidden="true">
        <rect x="5" y="11" width="14" height="9" rx="2" stroke="#2684FF" stroke-width="1.8"/>
        <path d="M8 11V8a4 4 0 0 1 8 0v3" stroke="#2684FF" stroke-width="1.8" stroke-linecap="round"/>
      </svg>
      Powered by <span class="checkout-trust-stripe">Stripe</span>
    </div>
  </div>
</div>

        </div>
        <div class="checkout-btn-wrapper">
          <div class="order-summary-dropdown d-xl-none" data-action="click->order-summary#showHideSummary">
            <div>
              Order Summary
              <img class="dropdown-img" data-order-summary-target="dropdownIcon" src="/assets/down_arrow-c0c21f29.svg" />
            </div>
            <div class="order-total">
              <span data-order-summary-target="totalCurrencySymbol">$</span><span data-order-summary-target="total">0.00</span>
            </div>

          </div>
          <input type="submit" name="commit" value="Checkout" class="checkout-btn checkout-btn-disabled" disabled="disabled" data-order-summary-target="checkoutBtn" data-action="click-&gt;order-form#handleSubmit " data-disable-with="Checkout" />
        </div>
      </div>
      <div data-order-form-target="hiddenFields"></div>
</form>  </div>
</div>

          </div>
        </div>
      </div>
      <div class="d-none d-xl-block col-xl-5">
          <div class="order-modal-side-image-wrapper">
            <img alt="L;VE ALOHA ATHLETICS 16U Baseball Tournament" class="order-modal-side-image" src="https://stubs.pro/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQzLCJwdXIiOiJibG9iX2lkIn19--974dd2bd512a92a6df5038f2d89bb54292908c2f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--083cd53a181832e262473c439458bfe7283cc855/cropped-image.png" />
          </div>
        <div class="order-summary">
  <div class="summary">Order Summary</div>
  <div class="summary-items">
    <div data-order-summary-target="summary" class="ticket-items"></div>

    <div class="order-summary-empty" data-order-summary-target="emptyState">
      <div class="order-summary-empty-icon">
        <img alt="" src="/assets/horizontal_ticket-9088c003.svg" />
      </div>
      <div class="order-summary-empty-title">Your order is empty</div>
      <div class="order-summary-empty-desc">Add tickets to see your order summary.</div>
    </div>

    <div id="order_buy_detail" class="summary-items d-none" data-order-summary-target="orderTotals">
      <div class="d-none" data-order-summary-target="fullPriceWrapper">
        <div class="summary-item line"></div>
        <div class="summary-item mt-16px">Subtotal
          <div> $<span data-order-summary-target="fullPrice">0.00</span></div>
        </div>
      </div>

      <div class='d-none' data-order-summary-target="platformFeesWrapper">
        <div class="summary-item">
          <span class="d-flex" data-controller="tooltip">Platform Fees
          <img class="ml-5px" data-bs-toggle="tooltip" data-bs-placement="top" title="Platform Fee is Non-Refundable" src="/assets/info_icon-016dc4ca.svg" />
          </span>
          <div>$<span data-order-summary-target="platformFees">0.00</span></div>
        </div>
      </div>

      <div class="summary-item d-none" data-order-summary-target="processingFeesWrapper">
        <span class="d-flex" data-controller="tooltip">Processing Fees
          <img class="ml-5px" data-bs-toggle="tooltip" data-bs-placement="top" title="Processing Fee is Non-Refundable" src="/assets/info_icon-016dc4ca.svg" />
        </span>
        <div>$<span data-order-summary-target="processingFees">0.00</span></div>
      </div>

      <div class="d-none" data-order-summary-target="taxWrapper">
        <div class="summary-item">
          <span class="d-flex" data-controller="tooltip">Tax
          <img class="ml-5px" data-bs-toggle="tooltip" data-bs-placement="top" title="Tax is Non-Refundable" src="/assets/info_icon-016dc4ca.svg" />
          </span>
          <div> $<span data-order-summary-target="tax">0.00</span></div>
        </div>
      </div>


      <div class="summary-item text-success d-none" data-order-summary-target="discountWrapper">Discount
        <div>- $<span data-order-summary-target="discount">0.00</span></div>
      </div>

      <div class="summary-item line"></div>
      <div class="summary-item total">Total
        <div><span data-order-summary-target="totalCurrencySymbol">$</span><span data-order-summary-target="total">0.00</span></div>
      </div>
    </div>
  </div>
</div>

<div class="checkout-trust-card">
  <svg class="checkout-trust-shield" viewBox="0 0 24 24" fill="none" aria-hidden="true">
    <path d="M12 3 5 6v5c0 4.2 2.9 7.8 7 9 4.1-1.2 7-4.8 7-9V6l-7-3z" fill="#2684FF"/>
    <path d="m9 12 2 2 4-4" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
  </svg>
  <div class="checkout-trust-body">
    <div class="checkout-trust-title">100% Secure Checkout</div>
    <div class="checkout-trust-desc">Your data is protected and your payment is secure.</div>
    <div class="checkout-trust-powered">
      <svg class="checkout-trust-lock" viewBox="0 0 24 24" fill="none" aria-hidden="true">
        <rect x="5" y="11" width="14" height="9" rx="2" stroke="#2684FF" stroke-width="1.8"/>
        <path d="M8 11V8a4 4 0 0 1 8 0v3" stroke="#2684FF" stroke-width="1.8" stroke-linecap="round"/>
      </svg>
      Powered by <span class="checkout-trust-stripe">Stripe</span>
    </div>
  </div>
</div>

      </div>
    </div>
  </div>

        </div>
      </div>
    </div>
  </div>
</div>
<!--second modal for exit confirmation-->
<div class="modal fade general-modal-container"
     id="exampleModalToggle2"
     aria-hidden="true"
     aria-labelledby="exampleModalToggleLabel2"
     tabindex="-1"
     data-bs-backdrop="static"
     data-bs-keyboard="false">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content general-modal-wrapper exit-wrapper">
      <div class="header-wrapper" id="order_header">
        <div class="header-text">Leave Checkout?</div>
        <button class="btn cancel-btn" data-bs-target="#newOrderModal" data-bs-toggle="modal" data-bs-dismiss="modal">
          <img src="/assets/cross-515a74e5.svg" />
        </button>

      </div>
      <div class="exit-body">
        Are you sure you want to leave? Your selected tickets will be released and may not be available when you return.
      </div>
      <div class="exit-footer">
        <button class="btn-footer btn btn-stay"
                data-bs-target="#newOrderModal"
                data-bs-toggle="modal"
                data-bs-dismiss="modal">
          Stay
        </button>

        <div id="exit_checkout_confirmation">
          <!--  exit confirmation modal will render here on successful checkout using turbo-->
        </div>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="flash"><template><div class="flash-message-wrapper sg-toast-wrap d-none" id="flash" data-controller="flash-message">
</div>
</template></turbo-stream>