<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="Sluiten" 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>Heb je al een pas? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/nl/mirandapalmer/user_sessions/new">Hier inloggen</a></p>
          </div>
        </aside>

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

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>45.00 / 6 passen
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>This pass allows you to book &amp; pay for 6 IN-PERSON classes - Zumba, Zumba Gold, Zumba Toning or Razzle Dazzle - up front, normally worth £9 each, so you are making a £1 saving per class.  This pass is valid for 2 months.  </p>

<p>When you buy the pass you must book at least one class at the same time.  Then each time you book a class it is deducted from the pass.  </p>

<p>It is important that you continue to book the individual classes you want.  Then Miranda knows you are coming and the system knows how many of your classes you have used and deducts it from the total for you.</p>
</div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section pass_fact_items"><ul class="modal__list"><li>Voor gebruik op evenementen die plaatsvinden in de volgende <strong>65 dagen</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 worden gebruikt voor:</div> <ul class="bullet_list"><li>💚 Zumba® at Banstead Methodist Church</li><li>💚 Zumba® at St Andrew&#39;s, Cheam</li><li>💚 Zumba® at St Mark&#39;s, Burgh Heath </li><li>💛 Zumba Gold at St Andrew&#39;s, Cheam</li><li>💛 Zumba® Gold at St Mark&#39;s, Burgh Heath</li><li>💜 Zumba® Toning / Zumba® at Nork </li><li>🩵 R⭐ZZLE D⭐ZZLE at Nork Community Centre</li><li>🩵 R⭐ZZLE D⭐ZZLE at St Ann&#39;s R C Church</li></ul></div>
  </div>



    <div class="modal__buttons">

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

      <div class="booking_button" data-item="cp-9xekc16ohmat" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-9xekc16ohmat&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-sfne-20250414104500&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="/nl/mirandapalmer/basket_items/cp-9xekc16ohmat/increment">Selecteer</button></div>

    </div>

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

  </template>
</turbo-stream>
