<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="Stänga" 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 redan ett pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/sv/samturneryoga/user_sessions/new">Logga in här</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Six Class Pass</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>42.00 / 6 använder
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>This six class pass is non-refundable. You have 8 weeks to use your six class pass. Your class pass is valid from the day of your first class. Please refer to the class description for the cancellation policy specific to each class.</p>
</div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section pass_fact_items"><ul class="modal__list"><li>För användning vid händelser som inträffar i nästa <strong>50 dagar</strong>.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Pass kan användas för:</div> <ul class="bullet_list"><li>Find Your Yoga Practice (In-Person)</li></ul></div>
  </div>



    <div class="modal__buttons">

      <div class="modal__cancel-button">
        <button name="button" type="button" class="button small cancel" aria-label="Stänga" data-a11y-dialog-hide="true">Avbryt</button>
      </div>

      <div class="booking_button" data-item="cp-b4ybqgl1tqjg" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-b4ybqgl1tqjg&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-s7nh-20250730194500&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="/sv/samturneryoga/basket_items/cp-b4ybqgl1tqjg/increment">Lägg till i korgen</button></div>

    </div>

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

  </template>
</turbo-stream>
