<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="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>Haben Sie bereits eine Mitgliedschaft? <a data-turbo="true" data-turbo-frame="modal" data-turbo-stream="true" href="/de/littleseashellsactivitycabin/user_sessions/new">Hier anmelden</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Little Seashells Messy Play Member- 1 child</h3>
        </div>

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

  <div class="markdown"><ul>
<li>Unlimited Access to all messy play sessions , Monday Am and Thursday Am for 1 child.</li>
<li>Discount on Half Term Specials
*Guaranteed spaces </li>
<li>Discounted Little Seashells Party
*Free T-shirt or Kit Bag on joining</li>
<li>Any additional workshops, classes, external sessions will be separately priced and payable. Members will receive priority booking and discounted rates where applicable.</li>
</ul>

<p>Membership payments will be paused for the<br>
Month of August. This is to balance out the shorter May term and the reduced number of sessions running over the summer holidays.</p>

<p>The good news? You’ll still be able to book and attend sessions in August just like usual – they’re fully included in your membership, and your space is guaranteed.</p>
</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="mp-sr5ox1m71f63" data-attrs="{&quot;button_type&quot;:&quot;membership_price&quot;,&quot;basket_item_id&quot;:&quot;mp-sr5ox1m71f63&quot;,&quot;basket_has_exclusive_tickets&quot;:false,&quot;active_membership_subscription&quot;:false,&quot;event_id&quot;:&quot;ev-s9cvl-20260420100000&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="/de/littleseashellsactivitycabin/basket_items/mp-sr5ox1m71f63/increment">Auswählen</button></div>

    </div>

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

  </template>
</turbo-stream>
