<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/ragdollyannas/user_sessions/new">Hier inloggen</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Family of Two Class Pass</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>85.00 / 12 passen
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>Family of two pass. 1 adult and 1 child class pass. Purchase 12 classes for the price of 10, allowing you to make 12 individual bookings for 1 adult and 1 child at dates, times and venues to suit you. Book every session online and checkout for free with your class pass. Your class pass balance will automatically reduce each time you make an online booking.  </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>365 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>Ampthill</li><li>Pages Park, LB</li><li>SEND Woburn Sands, MK</li><li>Whitehouse, MK</li><li>Woburn Sands, MK</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-ym47jzxgwkwv" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-ym47jzxgwkwv&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-snm8-20250208100000&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/ragdollyannas/basket_items/cp-ym47jzxgwkwv/increment">Selecteer</button></div>

    </div>

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

  </template>
</turbo-stream>
