<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="Bezár" 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>Már rendelkezik bérlettel? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/hu/mirandapalmer/user_sessions/new">Bejelentkezés itt</a></p>
          </div>
        </aside>

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

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>70 / 10 a  címet használja
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>This pass allows you to book &amp; pay for 10 IN-PERSON classes - Zumba, Zumba Gold, Zumba Toning or Razzle Dazzle - up front, normally worth £9 each.  It is valid for 4 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>Felhasználható a következő napokon <strong>124</strong> belül tartandó eseményekre.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">A bérlet felhasználható:</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="Bezár" data-a11y-dialog-hide="true">Mégsem</button>
      </div>

      <div class="booking_button" data-item="cp-ckjjkmr1isjj" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-ckjjkmr1isjj&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="/hu/mirandapalmer/basket_items/cp-ckjjkmr1isjj/increment">Regisztráció</button></div>

    </div>

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

  </template>
</turbo-stream>
