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

        <div class="modal__header">
          <h3 class="modal__title">Intro offer (1 purchase per student)</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>35.00 / 3 verwendet
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>This is a fantastic intro offer that can only be purchased once. you get three classes for a fantastic price of £35 (my drop-in price is £15 per class). </p>

<p>You can use this pass to book your place on any of my weekly classes. You have 21 days from the first booking, to use this pass.  See schedule for more on class times.</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>21 Tagen</strong> auftreten.</li><li>Pro Veranstaltung ist eine Einlösung über die Pass erlaubt.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Der Pass kann für Folgendes verwendet werden:</div> <ul class="bullet_list"><li>Lunchtime Flow</li><li>Slow flow - Friday</li><li>Vinyasa yoga</li><li>Yin is in - Unwind Friday.</li></ul></div>
  </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-kmledlni58bc" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-kmledlni58bc&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-sq6bp-20260609123000&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/emharrisyoga/basket_items/cp-kmledlni58bc/increment">In den Warenkorb legen</button></div>

    </div>

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

  </template>
</turbo-stream>
