<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="Luk" 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 pas? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/da/yogawithlou/user_sessions/new">Log ind her</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">4 CLASS PASS - Yoga with Lou</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>42.00 / 4 bruger
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>Are you delighting in your consistent yoga and/or Tai Chi Shibashi practice and keen on saving money with a loyalty class pass too?</p>

<p>This fantastic value 4 Class pass will welcome you into: </p>

<p>🧘🏼‍♀️ 4 x 1 Hour Yoga Classes with Lou and <br>
🙏🏻 1 x 1 Hour Zoom (online) class with Lou whilst pass is valid.</p>

<p>Terms and Conditions:</p>

<p>This class pass is valid for 45 days (6 weeks) from the date you book your first class.</p>

<p>All 4 classes (and 1 x Zoom classes) must be booked and taken within 45 days from the date of first use (not the purchase date). </p>

<p><strong>Please note: With 24 hours notice from class start time, credits are returnable to your pass. Cancellations within 24 hours of class start time are non-refundable and non-transferable</strong></p>

<p>See you in class Yogi !</p>
</div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section pass_fact_items"><ul class="modal__list"><li>Til brug ved begivenheder, der finder sted indenfor de næste <strong>45 dage</strong>.</li><li>En booking er tilladt pr. arrangement.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Klippekort kan bruges til:</div> <ul class="bullet_list"><li>Discover Yoga - A Class for Beginners (Thurs)</li><li>Discover Yoga - A Class for Beginners + with Louise (Tuesdays) - 60 mins</li><li>Discover Yoga - A Class for Beginners with Louise - (Mondays) 60 mins</li><li>Hatha Yoga Class for Beginners with Louise - Wednesdays (5.45pm)</li><li>Seated Tai Chi Shibashi &amp; Yoga Class - 60  mins</li><li>Sunday Sun Salutation Practice with Chanting - 60 mins</li><li>Yoga Class for Beginners with Lou - (Saturdays)</li><li>Yoga for Tired People - with Lou</li></ul></div>
  </div>



    <div class="modal__buttons">

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

      <div class="booking_button" data-item="cp-m83jbdz3t73m" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-m83jbdz3t73m&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-sodck-20260124101500&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="/da/yogawithlou/basket_items/cp-m83jbdz3t73m/increment">Vælg</button></div>

    </div>

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

  </template>
</turbo-stream>
