<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="Close" 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>Already own a membership? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/b-yoga/user_sessions/new">Log in here</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Unlimited Membership £77 🌿🔥</h3>
        </div>

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

  <div class="markdown"><p>This membership entitles you to book onto as many classes as you like in the studio. You must select "Members" ticket when booking with memberships not "drop-in". The payment of £77 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. 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="Close" data-a11y-dialog-hide="true">Cancel</button>
      </div>

      <div class="booking_button" data-item="mp-zny6wry2vvmw" data-attrs="{&quot;button_type&quot;:&quot;membership_price&quot;,&quot;basket_item_id&quot;:&quot;mp-zny6wry2vvmw&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="/b-yoga/basket_items/mp-zny6wry2vvmw/increment">Select</button></div>

    </div>

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

  </template>
</turbo-stream>
