<turbo-stream action="update" target="modal" data-trigger-hook="show_modal" data-trigger-hook-target="view-class-pass-modal">
  <template>
    <div class="ticket-summary-info-item-modal">
  <newstyle>
  <div
    class="modal-container"
    data-a11y-dialog="view-class-pass-modal"
    aria-labelledby=""
    id="view-class-pass-modal"
    aria-hidden="true"
    aria-modal="true"
    role="dialog"
  >
    <div class="modal-overlay" data-a11y-dialog-hide></div>

    <div class="modal-content modal-content--narrow" role="document">
      <button name="button" type="button" class="modal__close" aria-label="Close" data-a11y-dialog-hide="true"><i class="far fa-times  icon fa-fw" aria-hidden="true"></i></button>

        <aside class="modal__preheader">
          <div class="modal__text modal__text--small">
            <p>Already own a pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/xystudio/user_sessions/new">Log in here</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">10 Class Pass (for 60min Classes)</h3>
        </div>

      <div class="modal__body">
        
    
  <div class="margin_bottom">
  </div>

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>110.00 / 10 uses
  </div>

  <div class="margin_bottom">
    
  </div>

  <div class="margin_bottom">
    <div class="markdown"><p>The pass can be used to reserve the specified number of 60-minute classes within the specified time period, starting from the first class. Holders of the pass still need to book classes through this pass before the start of each class, and classes that are fully booked cannot be reserved/attended. Passholders are subject to the class’s full price payment if found to be attending class without booking.</p>

<p>Normal class exchange policy applies; All pass purchases are non-refundable and pass validity is fixed. </p>
</div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section pass_fact_items"><ul class="modal__list"><li>Must be used on dates occurring within <strong>90 days</strong> after the first booked event.</li><li>One use allowed per event.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Pass can be used for:</div> <ul class="bullet_list"><li>Beginners Hiphop with Sabina (Beginner)@sabinakim._</li><li>Beginners K-pop &quot;TWICE - One Spark&quot; with Tia @tia_yty</li><li>Beginners K-pop with Tia @tia_yty</li><li>Commercial/Jazzfunk Choreography &quot;Tate McRae - It&#39;s ok I&#39;m ok&quot; with Siyu (Beginners) @siyu.lu0106</li><li>Commercial/Jazzfunk Choreography with Siyu (Beginners) @siyu.lu0106</li><li>Hiphop &quot;Jason Derulo - Talk Dirty&quot; with Sabina (Beginner)@sabinakim._</li><li>Hiphop Choreography (BEG/INT) @boomdiggidy_</li></ul></div>
  </div>



    <div class="modal__buttons">

      <div class="modal__cancel-button">
        <button name="button" type="button" class="button small cancel" aria-label="Close" data-a11y-dialog-hide="true">Cancel</button>
      </div>

      <div class="booking_button" data-item="cp-unq7qblemn4s" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-unq7qblemn4s&quot;,&quot;available_passes&quot;:10000,&quot;sold_out&quot;:false,&quot;basket_has_pass_exclusive_tickets&quot;:false,&quot;event_id&quot;:&quot;ev-s6eli-20261001180000&quot;,&quot;number_in_basket&quot;:0,&quot;next_increment&quot;:1,&quot;prev_increment&quot;:0}"><button type="button" class="button small" data-hook="update_cart_button" data-type="increment" data-method="post" data-url="/xystudio/basket_items/cp-unq7qblemn4s/increment">Add to basket</button></div>

    </div>

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

  </template>
</turbo-stream>
