<turbo-stream action="update" target="modal" data-trigger-hook="show_modal" data-trigger-hook-target="view-membership-modal">
  <template>
    <div class="ticket-summary-info-item-modal">
  <newstyle>
  <div
    class="modal-container"
    data-a11y-dialog="view-membership-modal"
    aria-labelledby=""
    id="view-membership-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 êtes déjà membre ? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/fr/b-yoga/user_sessions/new">Se connecter ici</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Mini-Pass Membership £56 🌿🔥</h3>
        </div>

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

  <div class="markdown"><p>This membership entitles you to book onto any 8 classes in a month at the studio (ideal for students coming twice a week). You must select "Members" ticket when booking with memberships not "drop-in".<br>
The payment of £56 will be reoccurring and taken every month on the same date as purchased (this doesn't have to be the 1st of the month). This membership does not include events, courses or day retreats at the studio. Cancel at any time for the monthly membership not to be renewed. Class credits do not carry over to the following month. This membership cannot be paused, simply cancel for the next month not to be renewed. </p>
</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="mp-nks33p70u4ux" data-attrs="{&quot;button_type&quot;:&quot;membership_price&quot;,&quot;basket_item_id&quot;:&quot;mp-nks33p70u4ux&quot;,&quot;basket_has_exclusive_tickets&quot;:false,&quot;active_membership_subscription&quot;:false,&quot;event_id&quot;:&quot;ev-s677u-20251221113000&quot;,&quot;number_in_basket&quot;:0,&quot;next_increment&quot;:1,&quot;prev_increment&quot;:0,&quot;another_subscription_already_in_basket&quot;:false}"><button type="button" class="button small" data-hook="update_cart_button" data-type="increment" data-method="post" data-url="/fr/b-yoga/basket_items/mp-nks33p70u4ux/increment">Sélectionner</button></div>

    </div>

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

  </template>
</turbo-stream>
