<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="Lukk" 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>Har du allerede et pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/nb/emharrisyoga/user_sessions/new">Logg inn her</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 / 3bruker
  </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>Må benyttes  innen <strong>21 dager</strong> etter det første bookede arrangementet.</li><li>Én booking tillatt per arrangement.</li></ul></div>
  </div>

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Klippekortet kan brukes til:</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="Lukk" data-a11y-dialog-hide="true">Avbryt</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="/nb/emharrisyoga/basket_items/cp-kmledlni58bc/increment">Legg i handlekurven</button></div>

    </div>

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

  </template>
</turbo-stream>
