<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="Fermer" 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>Vous possédez déjà un laissez-passer ? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/fr/heartspaceyoga/user_sessions/new">Se connecter ici</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 utilisations
  </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>Doit être utilisé pour les événements survenant dans les <strong>90 jours</strong> suivants la première réservation.</li><li>Une seule utilisation est autorisée par événement.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Ce forfait peut être utilisé pour&nbsp;:</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="Fermer" data-a11y-dialog-hide="true">Annuler</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="/fr/heartspaceyoga/basket_items/cp-9x7ywy3cyryj/increment">Sélectionner</button></div>

    </div>

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

  </template>
</turbo-stream>
