<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">Home Run for Hope U16 Charity Tournament</h2>
            <div class="order-modal-event-date">Sat, Sep 26 ·  1:00 PM</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=QBWHBnPV" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tuS-qSqaWXPnel1KD4N-FdZNhSuXgvnVzxFWFLw5gDBnZYrZCJqROkBkGsso7XIpyDXLAimrG-MLHXxUryK-hQ" autocomplete="off" />

        <div class="full-event-access-group mt-3">
          <div class="tickets-container">
              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_677"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="677"
     data-ticket-quantity-ticket-name-value="U16 Team Registration"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="850"
     data-ticket-quantity-display-price-value="850"
     data-ticket-quantity-absorb-fee-value="false"
     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="677"
     data-ticket-discount-calculator-ticket-price-value="850"
     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 ">U16 Team Registration</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[677][quantity]" id="tickets[677][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="677">$876.73 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        



  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_678"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="678"
     data-ticket-quantity-ticket-name-value="General Admission"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="10"
     data-ticket-quantity-display-price-value="10"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="100"
     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="678"
     data-ticket-discount-calculator-ticket-price-value="10"
     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 ">General Admission</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[678][quantity]" id="tickets[678][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="678">$10.00 </div>
            <div class="small">incl. taxes &amp; fees</div>
          </div>
        </div>
        



  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_680"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="680"
     data-ticket-quantity-ticket-name-value="50 / 50 Raffle (5 tickets)"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="20"
     data-ticket-quantity-display-price-value="20"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="1000"
     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="680"
     data-ticket-discount-calculator-ticket-price-value="20"
     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 ">50 / 50 Raffle (5 tickets)</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[680][quantity]" id="tickets[680][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="680">$20.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">Enter for your chance to win 50% of the total raffle proceeds! The remaining 50% directly supports the tournament. The more tickets sold, the bigger the prize! Winner will be announced during the tournament.</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>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_681"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="681"
     data-ticket-quantity-ticket-name-value="Vendor Booth "
     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="true"
     data-ticket-quantity-available-tickets-value="10"
     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="681"
     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 ">Vendor Booth </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[681][quantity]" id="tickets[681][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="681">$250.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">10×10 space, business listing, tournament recognition</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">Add-on — does not include event entry</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_682"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="682"
     data-ticket-quantity-ticket-name-value="Premium Vendor"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="350"
     data-ticket-quantity-display-price-value="350"
     data-ticket-quantity-absorb-fee-value="false"
     data-ticket-quantity-available-tickets-value="10"
     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="682"
     data-ticket-discount-calculator-ticket-price-value="350"
     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 ">Premium Vendor</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[682][quantity]" id="tickets[682][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="682">$361.79 </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">Prime location + booth + social media shoutout + PA mentions</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">Add-on — does not include event entry</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_683"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="683"
     data-ticket-quantity-ticket-name-value="Inning Sponsor"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="75"
     data-ticket-quantity-display-price-value="75"
     data-ticket-quantity-absorb-fee-value="false"
     data-ticket-quantity-available-tickets-value="100"
     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="683"
     data-ticket-discount-calculator-ticket-price-value="75"
     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 ">Inning Sponsor</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[683][quantity]" id="tickets[683][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="683">$78.58 </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">Sponsor an inning during the tournament and get your business recognized throughout that inning! Includes a PA announcer shoutout, recognition on the tournament event page, and sponsor signage at the field. A great, affordable way for local businesses to support youth baseball and get in front of players, families, and fans.</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">Add-on — does not include event entry</div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_684"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="684"
     data-ticket-quantity-ticket-name-value="Dugout Sponsor"
     data-ticket-quantity-ticket-day-value=""
     data-ticket-quantity-ticket-price-value="200"
     data-ticket-quantity-display-price-value="200"
     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="684"
     data-ticket-discount-calculator-ticket-price-value="200"
     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 ">Dugout Sponsor</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[684][quantity]" id="tickets[684][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="684">$207.31 </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">Put your business directly in front of players, coaches, and fans with a Dugout Sponsor. Your business will receive prominent signage displayed at the dugout throughout the tournament, plus recognition on the tournament event page and a PA announcer shoutout. A great way to show your support for youth baseball while getting valuable local exposure.</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">Add-on — does not include event entry</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_679"
     data-controller="donation-ticket"
     data-donation-ticket-ticket-id-value="679"
     data-donation-ticket-ticket-name-value="Heart Behind the Game"
     data-donation-ticket-absorb-fee-value="true"
     data-donation-ticket-min-value="10.0"
     data-donation-ticket-max-value="">
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name">Heart Behind the Game</div>
    </div>


    <input type="hidden" name="tickets[679][quantity]" value="1" disabled
           data-donation-ticket-target="quantityField">
    <input type="hidden" name="tickets[679][amount]" value="" disabled
           data-donation-ticket-target="amountField">
    <input type="hidden" name="tickets[679][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="10.0">
              $10.00
            </button>
            <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="10.0"
                 
                 placeholder="$10.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 class="bundle-wrapper mt-10px"
     id="donation_bundle_685"
     data-controller="donation-ticket"
     data-donation-ticket-ticket-id-value="685"
     data-donation-ticket-ticket-name-value="Scholarship"
     data-donation-ticket-absorb-fee-value="false"
     data-donation-ticket-min-value="1.0"
     data-donation-ticket-max-value="">
  <div class="bundle-info col-7">
    <div class="quantity-name-wrapper">
      <div class="ticket-name">Scholarship</div>
    </div>


    <input type="hidden" name="tickets[685][quantity]" value="1" disabled
           data-donation-ticket-target="quantityField">
    <input type="hidden" name="tickets[685][amount]" value="" disabled
           data-donation-ticket-target="amountField">
    <input type="hidden" name="tickets[685][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="10.0">
              $10.00
            </button>
            <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="1.0"
                 
                 placeholder="$1.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-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>