<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="/b-yoga/user_sessions/new">Log in here</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">10 Class Pass (£75) 🌿🔥  *4 month expiry*</h3>
        </div>

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

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

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

  <div class="margin_bottom">
    <div class="markdown"><p>Can be used against any weekly classes on the timetable (including warm/hot yoga classes🔥)</p>

<p>This class pass has a 4 MONTH EXPIRY from purchase, this cannot be extended if not used within the allotted time.</p>

<p>At least one class needs to be booked with the purchase of this Class Pass. You can use all of your Class Passes now, and book ahead or you can book some now and some later. You don't have to book the same class every week, and you don’t have to come every week, however all 10 classes must be used within 4 months of your first class. </p>

<p>If you need to cancel a class that you have booked and there is more than 6 hours BEFORE the class, you won't lose your money if you go to your booking, find the TICKET OPTIONS and click TRANSFER to move your booking to another class or CANCEL to get a credit on your pass.</p>

<p><em>Cannot be used against Courses or Special Events</em></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>122 days</strong> after the first booked 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 Yoga</li><li>Gentle Flow Yoga.</li><li>Hatha Yoga</li><li>Morning Flow</li><li>Morning Pilates</li><li>Pilates</li><li>Qigong 🌿</li><li>Relaxing Yin &amp; Meditation </li><li>Vinyasa Flow</li><li>Yoga For ALL</li><li>🔥Hot Flow🔥</li><li>🔥Warm Gentle Flow🔥</li><li>🔥Warm Yin🔥</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-3epuscxe3xsf" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-3epuscxe3xsf&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-s677u-20251221113000&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="/b-yoga/basket_items/cp-3epuscxe3xsf/increment">Select</button></div>

    </div>

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

  </template>
</turbo-stream>
