<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="Zamknij" 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>Masz już karnet? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/pl/pocketpilates/user_sessions/new">Zaloguj się tutaj</a></p>
          </div>
        </aside>

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

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

  <div class="margin_bottom">
    <span class="currency_symbol">€</span>278.00 / 10 używa
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>x10 60 Min Full Body Equipment Classes to be used in 84 days (12 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>Do wykorzystania na wydarzeniach w ciągu następnych <strong>84 dni</strong>.</li><li>Do wykorzystania jeden raz w ramach jednego wydarzenia.</li><li>Do wykorzystania dla <strong>każdego typu wydarzenia</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="Zamknij" data-a11y-dialog-hide="true">Anuluj</button>
      </div>

      <div class="booking_button" data-item="cp-204q78yv6gu5" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-204q78yv6gu5&quot;,&quot;available_passes&quot;:11,&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="/pl/pocketpilates/basket_items/cp-204q78yv6gu5/increment">Dodaj do koszyka</button></div>

    </div>

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

  </template>
</turbo-stream>
