<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="Lukk" 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>Har du allerede et pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/nb/ragdollyannas/user_sessions/new">Logg inn her</a></p>
          </div>
        </aside>

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

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>105 / 12bruker
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>Family of three class pass. 1 adult and 2 children class pass. Purchase 12 classes for the price of 10, allowing you to make 12 individual bookings for 1 adult and 2 children 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.  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>Må benyttes  innen <strong>365 dager</strong> etter det første bookede arrangementet.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Klippekortet kan brukes til:</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="Lukk" data-a11y-dialog-hide="true">Avbryt</button>
      </div>

      <div class="booking_button" data-item="cp-phg25yi47n7y" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-phg25yi47n7y&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="/nb/ragdollyannas/basket_items/cp-phg25yi47n7y/increment">Velg</button></div>

    </div>

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

  </template>
</turbo-stream>
