<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="Cerrar" 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>¿Ya tiene un pase? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/es/andyoga/user_sessions/new">Conéctese aquí</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Ten class pass - valid for 80 days</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">£</span>84.00 / 10 utiliza
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>This special pass is really good value for money for those attending a class a week or more, on a regular basis. For £84.50 you can attend 10 classes, in an 80 day period from the date of the first class.</p>

<p>Terms and conditions: Each pass can only be used for one customer, and not for booking multiple people into a class. </p>

<p>When you purchase this 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 don't have to come consecutive weeks - you can skip a week or two within the valid period. </p>

<p>The pass is valid for 80 days from the first class you book.</p>

<p>This pass helps to cover the costs. I fully understand that everyone's circumstances are different and so please get in touch if you want to discuss payment options - I'd rather find a way to help you come to yoga classes if we can!</p>
</div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section pass_fact_items"><ul class="modal__list"><li>Para usar en eventos que ocurran en los próximos <strong>80 días</strong>.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">El pase se puede usar para:</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="Cerrar" data-a11y-dialog-hide="true">Cancelar</button>
      </div>

      <div class="booking_button" data-item="cp-33ytxadq1432" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-33ytxadq1432&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="/es/andyoga/basket_items/cp-33ytxadq1432/increment">Añadir a la cesta</button></div>

    </div>

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

  </template>
</turbo-stream>
