<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="Schließen" 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>Besitzen Sie bereits einen Pass? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/de/pianobudsinapod/user_sessions/new">Hier anmelden</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Baby Beethoven 5-Classes Pass ($40/class)</h3>
        </div>

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

  <div class="margin_bottom">
    <span class="currency_symbol">$</span>200.00 / 5 verwendet
  </div>

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

  <div class="margin_bottom">
    <div class="markdown"><p>To complete a booking, select at least one 1-class ticket date from the Schedule page and select a Class Pass. 🛒 Proceed to checkout with a Class Pass and one 1-class ticket. To book more classes, login [<a href="https://bookwhen.com/pianobudsinapod">https://bookwhen.com/pianobudsinapod</a>], select the classes listed on the scheduling page [<a href="https://bookwhen.com/pianobudsinapod">https://bookwhen.com/pianobudsinapod</a>]. Logging in with the same email used for the Class Pass purchase will automatically deduct from your sessions “available with your pass.” Booking ensures you reserve your seat for the session.</p>
</div>
  </div>

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

  <div class="margin_bottom">
    <div class="option_sub_section included_entries"><div class="list_title margin_bottom_xs">Der Pass kann für Folgendes verwendet werden:</div> <ul class="bullet_list"><li>🐊 Week 6 (July 27 - 31, 2026): Baby Beethoven Music and Piano Class</li><li>🐳 Week 7 (August 3 - 7, 2026): Baby Beethoven Music and Piano Class</li><li>🦒 Baby Beethoven Music Class - Monday 10:00 AM - 10:45 AM (45 mins) Spring Term from January 12 to June 21, 2026</li><li>🦒 Baby Beethoven Music Class - Saturday 9:25 AM - 10:10 AM (45 mins) Spring Term from January 12 to June 21, 2026</li><li>🦒 Baby Beethoven Music Class - Thursday 3:40 PM - 4:25 PM (45 mins) Spring Term from January 12 to June 21, 2026</li><li>🦦 Week 5 (July 20 - 24, 2026): Baby Beethoven Music and Piano Class</li><li>🦭 Week 8 (August 10 - 14, 2026): Baby Beethoven Music and Piano Class</li></ul></div>
  </div>



    <div class="modal__buttons">

      <div class="modal__cancel-button">
        <button name="button" type="button" class="button small cancel" aria-label="Schließen" data-a11y-dialog-hide="true">Abbrechen</button>
      </div>

      <div class="booking_button" data-item="cp-wdezukrhox6v" data-attrs="{&quot;button_type&quot;:&quot;class_pass&quot;,&quot;basket_item_id&quot;:&quot;cp-wdezukrhox6v&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-s2a7v-20260319154000&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="/de/pianobudsinapod/basket_items/cp-wdezukrhox6v/increment">Auswählen</button></div>

    </div>

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

  </template>
</turbo-stream>
