<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="Lukk" 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>Har du allerede et pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/nb/xystudio/user_sessions/new">Logg inn her</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 / 10bruker
  </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>Må benyttes  innen <strong>90 dager</strong> etter det første bookede arrangementet.</li><li>Én booking tillatt per arrangement.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Klippekortet kan brukes til:</div> <ul class="bullet_list"><li>Beginners Hiphop &#39;Flo Rida - Low&#39; with Sabina (Beginner)@sabinakim._</li><li>Beginners Hiphop with Sabina (Beginner)@sabinakim._</li><li>Beginners K-pop &#39;A2O Lite - NEON&#39; (first chorus)with Tia @tia_yty</li><li>Beginners K-pop with Tia @tia_yty</li><li>Commercial/Jazzfunk &#39;Tate McRae - Sports Car&#39; with Bebe covering Siyu (Beginners) @bebe_ning1101</li><li>Commercial/Jazzfunk with Siyu (Beginners) @siyu.lu0106</li><li>Hiphop Choreography with Chloe (BEG/INT) @boomdiggidy_ @chloe.goudens</li><li>Hiphop Choreography with Matt (BEG/INT) @boomdiggidy_@matt_mcdng</li></ul></div>
  </div>



    <div class="modal__buttons">

      <div class="modal__cancel-button">
        <button name="button" type="button" class="button small cancel" aria-label="Lukk" data-a11y-dialog-hide="true">Avbryt</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-shiau-20261111180000&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="/nb/xystudio/basket_items/cp-unq7qblemn4s/increment">Legg i handlekurven</button></div>

    </div>

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

  </template>
</turbo-stream>
