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

        <div class="modal__header">
          <h3 class="modal__title">Three-monthly pass - classes x 14</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>150.00 / 14 uses
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>You do NOT need to book classes for the 90-day period all at the same time. Provided they are booked and taken within the set period of time, they can be booked as and when, with any class booked being taken off the overall allocated number. </p>

<p>Any recurrent scheduled class can be booked: <br>
hoop, pole, silks, flexibility wheel or hammock within a 90 day period from day of first use. </p>

<p>Please note that we require a 48h notice on all cancellations to give a chance to offer an alternative within the 90 day period your pass is valid for. There is, alas, no guarantee that if you need to cancel a class, even with enough notice, another will be offered in its place, due to a very limited number of spaces per class. </p>

<p>Monthly passes are non-refundable, and any class not booked within the set time cannot be carried over into the next period, therefore it will be lost. </p>

<p>Class passes are non-refundable but even if, in exceptional circumstances, a refund were agreed, a 5% fee will be levied on the amount refunded, to cover for platform payment fees. </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>90 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>AERIAL SILKS class (beginner to high beginner level) - in studio </li><li>AERIAL SILKS class (intermediate/advanced level)  - in studio  </li><li>Aerial Hoops group class (intermediates) - in studio </li><li>Aerial Slings (Yoga Hammocks) - Intermediate to Advanced level IN STUDIO</li><li>Aerial Slings (Yoga Hammocks) - beginner IN STUDIO</li><li>Pole Fitness Group Class (Mixed Abilities) IN STUDIO</li><li>Pole fitness beginner and high beginner level - group class </li><li>Pole fitness beginner level - group class </li><li>Silks class -  MIXED ABILITIES - IN STUDIO </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-bqxvm7nazmc5" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-bqxvm7nazmc5&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-s17n1-20260610183000&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="/thewhitestudiosandy/basket_items/cp-bqxvm7nazmc5/increment">Add to basket</button></div>

    </div>

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

  </template>
</turbo-stream>
