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

        <div class="modal__header">
          <h3 class="modal__title">X5 CLASS BONO</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">€</span>157.00 / 5 utilisations
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>x5 60 Min Full Body Equipment Classes  to be used in 56 days (8 weeks). Please note this online price includes IVA! You also have the option of paying in cash in studio without! </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>56 jours</strong> suivants la première réservation.</li><li>Une seule utilisation est autorisée par événement.</li><li>Peut être utilisé pour <strong>tout type d'événement</strong>.</li></ul></div>
  </div>

  <div class="margin_bottom">
    
  </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-itgqkdfa99tr" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-itgqkdfa99tr&quot;,&quot;available_passes&quot;:3,&quot;sold_out&quot;:false,&quot;basket_has_pass_exclusive_tickets&quot;:false,&quot;event_id&quot;:&quot;ev-sy8pj-20260508000000&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/pocketpilates/basket_items/cp-itgqkdfa99tr/increment">Ajouter au panier</button></div>

    </div>

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

  </template>
</turbo-stream>
