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

        <div class="modal__header">
          <h3 class="modal__title">Studio Pass: 10 Classes </h3>
        </div>

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

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

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

  <div class="margin_bottom">
    <div class="markdown"><p>A block of 10 Classes (Studio &amp; Virtual) <br>
Valid for 70 days from the date of your first class.</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>70 days</strong> after the first booked event.</li><li>One use allowed per 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> STUDIO CLASS: BASIC BALLET</li><li> STUDIO CLASS: BEGINNER GROOVES &amp; MOVES</li><li> STUDIO CLASS: BEGINNER HEELS </li><li>STUDIO CLASS: ABSOLUTE BEGINNER CONTEMPORARY </li><li>STUDIO CLASS: ADVANCED BEGINNER BALLET</li><li>STUDIO CLASS: ADVANCED BEGINNER TAP</li><li>STUDIO CLASS: ADVANCED BEGINNER THEATRE JAZZ</li><li>STUDIO CLASS: AFTER WORK YOGA</li><li>STUDIO CLASS: AFTERNOON BALLET </li><li>STUDIO CLASS: BARRE FITNESS</li><li>STUDIO CLASS: BASIC BALLET</li><li>STUDIO CLASS: BEGINNER COMMERCIAL</li><li>STUDIO CLASS: BEGINNER CONTEMPORARY</li><li>STUDIO CLASS: BEGINNER LYRICAL JAZZ</li><li>STUDIO CLASS: BEGINNER THEATRE JAZZ</li><li>STUDIO CLASS: BREAKING FOR BEGINNERS </li><li>STUDIO CLASS: CONTEMPORARY (All levels) </li><li>STUDIO CLASS: IMPROVER BALLET </li><li>STUDIO CLASS: IMPROVER BALLET</li><li>STUDIO CLASS: IMPROVER COMMERCIAL</li><li>STUDIO CLASS: IMPROVER HEELS </li><li>STUDIO CLASS: IMPROVER/INTERMEDIATE BALLET</li><li>STUDIO CLASS: INTERMEDIATE BALLET</li><li>STUDIO CLASS: INTERMEDIATE HEELS</li><li>STUDIO CLASS: INTERMEDIATE JAZZ CHOREOGRAPHY</li><li>STUDIO CLASS: INTERMEDIATE/ADVANCED BALLET</li><li>STUDIO CLASS: INTERMEDIATE/ADVANCED CONTEMPORARY </li><li>STUDIO CLASS: INTERMEDIATE/ADVANCED LYRICAL JAZZ </li><li>STUDIO CLASS: LUNCHTIME YOGA</li><li>STUDIO CLASS: MTV DANCE (Beginner)</li><li>STUDIO CLASS: MTV DANCE (General Level) </li><li>STUDIO CLASS: MTV REPLAY! (Beginner)</li><li>STUDIO CLASS: MTV REPLAY! (General Level)</li><li>STUDIO CLASS: MTV XTRA (Intermediate)</li><li>STUDIO CLASS: PILATES</li><li>STUDIO CLASS: POINTE WORK</li><li>STUDIO CLASS: SASSY, JAZZY HEELS (Beginner)</li><li>STUDIO CLASS: STRETCH &amp; TONE  </li><li>STUDIO CLASS: STRETCH FOR FLEXIBILITY</li><li>STUDIO CLASS: YOGA </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-at7wbvfh0iy5" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-at7wbvfh0iy5&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-sehd-20260818180000&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="/danceglasgowschedule/basket_items/cp-at7wbvfh0iy5/increment">Add to basket</button></div>

    </div>

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

  </template>
</turbo-stream>
