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

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

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>55.00 / 5 verwendet
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>Discover the freedom to choose your perfect practice with our flexible class passes at Heart Space Yoga.  Whether you're just beginning your journey or looking to deepen your connection, our passes offer the ease and flexibility to attend classes that fix your schedule and mood.  Each visit is an opportunity to nurture your mind, body and soul in a supportive community that values growth, balance, and self-care.  Join us as often as you like, and create a practice that feels uniquely yours.</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>90 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>💜 Embrace &amp; Unwind Flow</li><li>🧘🏼‍♀️ Build &amp; Flow Gentle Yoga 🧘‍♀️ </li><li>🪷 Strong &amp; Steady 🪷</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-9x7ywy3cyryj" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-9x7ywy3cyryj&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-spqbb-20251127200000&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/heartspaceyoga/basket_items/cp-9x7ywy3cyryj/increment">Auswählen</button></div>

    </div>

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

  </template>
</turbo-stream>
