<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="Schließen" 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>Besitzen Sie bereits einen Pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/de/wustyle/user_sessions/new">Hier anmelden</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Ten class pass - concession </h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>100.00 / 10 verwendet
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>Please only buy a concessionary pass if you have agreed the concessionary rate with Michael. Block of ten passes. Must be used within the time. You can use this pass by logging in and selecting 'Drop in' tickets. Each use will be taken off the pass. This pass is non-refundable. </p>
</div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section pass_fact_items"><ul class="modal__list"><li>Zur Verwendung bei Ereignissen, die in den nächsten <strong>180 Tagen</strong> auftreten.</li><li>Kann für <strong>jede Veranstaltungsart</strong> verwendet werden.</li></ul></div>
  </div>

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



    <div class="modal__buttons">

      <div class="modal__cancel-button">
        <button name="button" type="button" class="button small cancel" aria-label="Schließen" data-a11y-dialog-hide="true">Abbrechen</button>
      </div>

      <div class="booking_button" data-item="cp-f48x8x7h1mrm" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-f48x8x7h1mrm&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-sj17-20250908181500&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="/de/wustyle/basket_items/cp-f48x8x7h1mrm/increment">Auswählen</button></div>

    </div>

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

  </template>
</turbo-stream>
