<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="Schließen" 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>Besitzen Sie bereits einen Pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/de/xystudio/user_sessions/new">Hier anmelden</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 verwendet
  </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>Zur Verwendung bei Ereignissen, die in den nächsten <strong>90 Tagen</strong> auftreten.</li><li>Pro Veranstaltung ist eine Einlösung über die Pass erlaubt.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Der Pass kann für Folgendes verwendet werden:</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="Schließen" data-a11y-dialog-hide="true">Abbrechen</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-sqj7k-20260930180000&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="/de/xystudio/basket_items/cp-unq7qblemn4s/increment">In den Warenkorb legen</button></div>

    </div>

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

  </template>
</turbo-stream>
