<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/emharrisyoga/user_sessions/new">Se connecter ici</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 utilisations
  </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>Doit être utilisé pour les événements survenant dans les <strong>21 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>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="Fermer" data-a11y-dialog-hide="true">Annuler</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="/fr/emharrisyoga/basket_items/cp-kmledlni58bc/increment">Ajouter au panier</button></div>

    </div>

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

  </template>
</turbo-stream>
