<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/andyoga/user_sessions/new">Se connecter ici</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Beginners</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>24.00 / 3 utilisations
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>Enjoy your first three classes at a very special price when you try &amp; Yoga for the first time. </p>

<p>I hope that this pass will give you the chance to come and try out my yoga class. I think that three classes will give you a good idea as to whether it is for you. If you like it, then I'd love to see you again!</p>

<p>Terms and conditions: Please purchase only one Beginners Pass per customer. </p>

<p>When you purchase the pass you will have to book your first class in the same transaction. The pass is valid for any of the classes we offer. You do not have to come on consecutive weeks, the pass is valid for 30 days from the first class you book.</p>

<p>Once you have used a Beginners pass then please purchase one of the other class passes for future bookings if you can afford to do so, to help me cover my costs. We fully understand that everyone's circumstances are different and so if this is the affordable pass for you then feel free to purchase another one - I'd rather you come to yoga classes!</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>30 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>EARLY DOORS Gentle Hatha Yoga - for beginners and improvers</li><li>Hatha Yoga - a gentle practice for beginners and improvers</li><li>Hatha Yoga - all levels</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-lky1tppkgpf8" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-lky1tppkgpf8&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-sjyc-20260723190000&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/andyoga/basket_items/cp-lky1tppkgpf8/increment">Ajouter au panier</button></div>

    </div>

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

  </template>
</turbo-stream>
