<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="/youth-club/user_sessions/new">Log in here</a></p>
          </div>
        </aside>

        <div class="modal__header">
          <h3 class="modal__title">Youth Member - Standard</h3>
        </div>

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

  <div class="markdown"><p>Leaside Youth Club Membership is the best way to access year round activities and adventures like paddling, biking, gym sessions, games and spending time exploring the River Lea.  </p>

<p>Membership means FREE access to our new programme of term time youth club sessions on Monday, Thursday and Saturdays.   Plus you will get big discounts on holiday club and our brilliant residential trips.  You will also be an active part of the Leaside community with access to trainings and events.</p>

<p>The 12 month membership is for young people aged 8–19.  Both the standard and concession memberships enable young people equal access to Leaside youth club and holiday clubs.   We have a sliding scale pricing model to ensure young people from all backgrounds get equitable access to youth club and outdoor adventures. </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-fpsvjngxn6zk" data-attrs="{&quot;button_type&quot;:&quot;membership_price&quot;,&quot;basket_item_id&quot;:&quot;mp-fpsvjngxn6zk&quot;,&quot;basket_has_exclusive_tickets&quot;:false,&quot;active_membership_subscription&quot;:false,&quot;event_id&quot;:&quot;ev-ssvpe-20260425100000&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="/youth-club/basket_items/mp-fpsvjngxn6zk/increment">Select</button></div>

    </div>

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

  </template>
</turbo-stream>
