<turbo-stream action="update" target="modal"><template>  <div class="modal fade" id="event_modal" tabindex="-1" role="dialog" aria-labelledby="event_modalLabel" aria-hidden="true" data-controller="modal">
    <div id="print-area" class="modal-dialog modal-lg modal-fullscreen-lg-down">    
      <div class="info-event modal-content">
        <div class="modal-header" style="background: #06416f; color: #ffdd00;" data-bs-theme="dark">
  				<img id="logo_image" style="width:120px;" width="120px" class="img-responsive d-none d-print-inline" src="/assets/logo_fbs_large-c3477f9525e424f46b2bba882848a786588d91e1d208aa7a4396df29e00b0bc6.png" />
  				<h3 class="d-none d-print-block text-left">Örjansklubben/Ramkvilla IF</h3>
          <h5 class="modal-title">Örjansklubbens fotbollsskola  </h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-0" style="font-size: 0.9rem;line-height: 1.2">
  	      <div class="d-flex flex-column-reverse flex-md-row justify-content-between gap-md-5 p-2 p-md-3 event-main-info bg-body-secondary" style="color:#707070;">
    	        <div style="">  
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x" style="color: #585858">Last signup date</div>
        	          <div class="col-8 lh-1">2026-05-17</div>
      	          </div>
    						
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Description</div>
        	          <div class="col-7 col-md-8 lh-1x">Sommar fotbollsskola för alla barn som bor/besöker Ramkvilla med omnejd.</div>
      	          </div>
    						
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Location</div>
        	          <div class="col-8 lh-1x">Klocksjövallen</div>
      	          </div>
    						
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Start date</div>
        	          <div class="col- lh-1x">15 Jun - 18 Jun  2026</div>
      	          </div>
  
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Start time</div>
        	          <div class="col-8 lh-1x">10.00 - 14.00</div>
      	          </div>
      	          
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Age</div>
        	          <div class="col-8 lh-1x">6 - 13 år</div>
      	          </div>
      	          
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Price</div>
        	          <div class="col-8 lh-1x">425 kr</div>
      	          </div>
      	          
        	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
          	          <div class="col-4 text-dark text-end lh-1x">Last payment date</div>
          	          <div class="col-8 lh-1x">2026-05-17</div>
        	          </div>
      	          
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Max number of participants</div>
        	          <div class="col-8 lh-1x">100 st</div>
      	          </div>
      	          
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Meals</div>
        	          <div class="col-8 lh-1x">
  													Lunch ingår
        	          </div>
      	          </div>
      	          
      	          <div class="d-flex flex-md-row gap-2 gap-md-4 mb-2">
        	          <div class="col-4 text-dark text-end lh-1x">Club contact</div>
        	          <div class="col-8 lh-1x">
  												<ul class="list-unstyled">
  															<li>Edith Färjhage,  Email<!--E-post-->: efarjhage@gmail.com</li>
  												</ul>
        	          </div>
      	          </div>
  						</div>	
							
							<div class="col-md-2 lh-1 position-relative">
    							<div class="signup-event text-center lh-1x mb-3 text-danger">
                      
                        		<a class="btn btn-responsive medium btn-primary-dark mt-0 rounded-1 float-end d-print-none" id="btn-websignup-link-event" data-turbo-frame="_top" href="/en/clubs/9757-orjansklubben-ramkvilla-if/event/6033-orjansklubbens-fotbollsskola/football/webanmalan/new">Sign up for event</a>
    							</div>
							</div>
  				</div>
  
					<div class="signup-event p-3 px-4 presentation-text bg-white" style="color:#616161">
  						<div><p>Välkomna till sommarens fotbollsskola!</p><p>Barn födda mellan 2013-2020 är välkomna att delta!&nbsp;</p><p>V.25&nbsp;</p><p>Måndag - torsdag 10:00-14:00</p><p>Lunch ingår alla dagar!&nbsp;</p><p>Vi ser fram emot en härlig sommarvecka med massor av fotboll och annat skoj!!</p><p>Vid&nbsp;betalning ange gärna namn på barnet och Fotbollsskola i meddelande.&nbsp;</p><p>Tänk på att barn mellan 7 och 16 år kan betala med fritidskortet.&nbsp;</p><p>Barnstorlekarna i kläderna har tidigare varit små, så ha det i åtanke när ni väljer storlek vid anmälan.&nbsp;</p><p>Hoppas vi ses på planen i sommar!&nbsp;</p></div>						
  						    <div id="event-modal-club-logo" class="d-flex justify-content-start mt-3"><img class="img-responsive" alt="Fotbollsskolan club logo" src="https://res.cloudinary.com/hhkusntyp/image/upload/c_fit,w_40/v1678472378/club_logos/club_logo_9757.png?_a=BACADKDL" /></div>
          </div>
      	</div><!-- modal-body -->
  			
  			<div class="modal-footer p-2 p-lg-2 justify-content-end">
  				<!--Print -->
  				<a id="print-button" data-turbo="false" class="btn btn-light btn-responsive medium rounded-1 text-secondary border d-print-none" target="_blank" href="/en/print_event_info?id=6033"><i class="fa-solid fa-print me-1" aria-hidden="true"></i> Print</a>
    		</div>
      </div><!-- /.modal-content -->
    </div>
  </div>
</template></turbo-stream>