<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="header-wrapper" id="order_header">
      <div class="header-text">
        <span class="d-none d-xl-inline-block">Select Tickets</span>
        <span class="d-xl-none">Ethereum Core &amp; Scaling Monthly Forum</span>
      </div>
      <button type="button" class="btn cancel-btn" data-bs-dismiss="modal"><img src="/assets/cross-515a74e5.svg" /></button>
    </div>
    <div class="row order-wrapper" data-controller="order-summary" data-order-summary-event-published-value="true"
         data-order-summary-tax-fee-value=>

      <div class="d-xl-none header-container">
        <div class="date-wrapper">
             Jun 10, 2025 - Jul 10, 2026
        </div>
      </div>

      <div class="col-12 col-xl-7 position-relative" id="ticket_bundle_section">
        <div id="tickets">
          
<div class="d-xl-none header-container">
  <div class="heading">Select Tickets</div>
</div>
<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=MYhWei" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kluiJuNbUaLgCUQzI3REnA1XJklc1_MEPu56yflGwX-Az0y0gCCMEx9EGL74NoXKQSSgmuRu0iISNcJ-eBdxqQ" autocomplete="off" />

        <div class="full-event-access-group ">
          <div class="ticket-date">Full Event Access</div>
          <div class="tickets-container">
              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_135"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="135"
     data-ticket-quantity-ticket-name-value="Test with VIP Salman"
     data-ticket-quantity-ticket-price-value="0"
     data-ticket-quantity-display-price-value="0"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="11"
     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="135"
     data-ticket-discount-calculator-ticket-price-value="0"
     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 ">Test with VIP Salman</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[135][quantity]" id="tickets[135][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement">-
  </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">+
  </button>
</div>

      </div>
    </div>

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

    <!-- Savings Amount -->
    <div class="savings-amount d-none" data-ticket-discount-calculator-target="savingsAmount"></div>

        <div class="free-ticket-wrapper">
          <div class="ticket-type">Free</div>
            <div class="read-more-wrapper" data-controller="toggle">
              <div class="toggle-btn" data-action="click->toggle#showFields">
                Details
                <span class="" data-toggle-target="arrowImg">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
<path d="M1 1L6 6L11 1" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                </span>
              </div>
              <div class="read-more-content d-none" data-toggle-target="fields">Testy Full event Access progress.</div>
            </div>
        </div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_133"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="133"
     data-ticket-quantity-ticket-name-value="Test-Overflow-Ticket-🚫-👾"
     data-ticket-quantity-ticket-price-value="0"
     data-ticket-quantity-display-price-value="0"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="999999993"
     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="133"
     data-ticket-discount-calculator-ticket-price-value="0"
     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 ">Test-Overflow-Ticket-🚫-👾</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[133][quantity]" id="tickets[133][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement">-
  </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">+
  </button>
</div>

      </div>
    </div>

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

    <!-- Savings Amount -->
    <div class="savings-amount d-none" data-ticket-discount-calculator-target="savingsAmount"></div>

        <div class="free-ticket-wrapper">
          <div class="ticket-type">Free</div>
            <div class="read-more-wrapper" data-controller="toggle">
              <div class="toggle-btn" data-action="click->toggle#showFields">
                Details
                <span class="" data-toggle-target="arrowImg">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
<path d="M1 1L6 6L11 1" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                </span>
              </div>
              <div class="read-more-content d-none" data-toggle-target="fields">Stress test for DB write, memory allocation, and frontend pagination.</div>
            </div>
        </div>
  </div>
</div>

              <div class="bundle-wrapper mt-10px"
     id="ticket_bundle_128"
     data-controller="ticket-quantity ticket-discount-calculator"
     data-ticket-quantity-ticket-id-value="128"
     data-ticket-quantity-ticket-name-value="Ethereum Protocol Season Pass"
     data-ticket-quantity-ticket-price-value="0"
     data-ticket-quantity-display-price-value="0"
     data-ticket-quantity-absorb-fee-value="true"
     data-ticket-quantity-available-tickets-value="199"
     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="128"
     data-ticket-discount-calculator-ticket-price-value="0"
     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 ">Ethereum Protocol Season Pass</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[128][quantity]" id="tickets[128][quantity]" />

  <button type="button" class="btn-minus" data-ticket-quantity-target="minusButton"
          data-action="click->ticket-quantity#decrement">-
  </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">+
  </button>
</div>

      </div>
    </div>

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

    <!-- Savings Amount -->
    <div class="savings-amount d-none" data-ticket-discount-calculator-target="savingsAmount"></div>

        <div class="free-ticket-wrapper">
          <div class="ticket-type">Free</div>
            <div class="read-more-wrapper" data-controller="toggle">
              <div class="toggle-btn" data-action="click->toggle#showFields">
                Details
                <span class="" data-toggle-target="arrowImg">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
<path d="M1 1L6 6L11 1" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                </span>
              </div>
              <div class="read-more-content d-none" data-toggle-target="fields">Grants access to all 12 Ethereum monthly meetups. Includes early access to EIP drafts, session recordings, and in-person roundtables.</div>
            </div>
        </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 id="order_buy_detail" class="summary-items">
      <div class="d-none" data-order-summary-target="fullPriceWrapper">
        <div class="summary-item line"></div>
        <div class="summary-item mt-16px">Full Price
          <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="total">0.00</span></div>
      </div>
    </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="total">0.00</span>
            </div>

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

        </div>
      </div>
      <div class="d-none d-xl-block col-xl-5">
        <div class="d-none d-xl-block">
  <div class="event-image">
    <img src="https://stubs-dev.brainxdemo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTEsInB1ciI6ImJsb2JfaWQifX0=--9a81e628185de053e42c304d8594caa17cd8cae3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--183215663f23d759f49197e7399fa8f805a23c2d/cropped-image.png" />
  </div>
  <div class="event-title">
      Ethereum Core &amp; Scaling Monthly Forum - Jun 10, 2025 - Jul 10, 2026
  </div>
</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 id="order_buy_detail" class="summary-items">
      <div class="d-none" data-order-summary-target="fullPriceWrapper">
        <div class="summary-item line"></div>
        <div class="summary-item mt-16px">Full Price
          <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="total">0.00</span></div>
      </div>
    </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 d-none" id="flash" data-controller="flash-message">
</div></template></turbo-stream>