<section class="location-row"> <h1 id="location"><?php echo \Illuminate\Support\Facades\Lang::get('translations.findOutLocations'); ?></h1> <div class="content-container stick-content"> <div class="grid9 list"> <?php $first = true; ?>
 <?php foreach($locations as $location): ?> <div class="list-item <?php echo $location->code_name; ?> <?php if($first): ?> active <?php endif; ?>" style="width: <?php echo 100/sizeof($locations); ?>%;" data-click-key="<?php echo $location->code_name; ?>"> <?php $first = false; ?>
 <div class="placeholder"> <p> <?php echo $location->menu; ?> <span></span> </p> </div> </div> <?php endforeach; ?> </div> </div> <div class="content-container" id="locationSend"> <div class="choose-location"> <p> <?php echo \Illuminate\Support\Facades\Lang::get('translations.chooseActivity'); ?> </p> <div class="arrow"></div> </div> <div class="grid9 list nonStick"> <?php $first = true; ?>
 <?php foreach($locations as $location): ?> <div class="list-item <?php echo $location->code_name; ?> <?php if($first): ?> active <?php endif; ?>" style="width: <?php echo 100/sizeof($locations); ?>%;" data-click-key="<?php echo $location->code_name; ?>"> <?php $first = false; ?>
 <div class="placeholder"> <div class="icon-holder"> <div class="icon"></div> </div> <p> <?php echo $location->menu; ?> <span></span> </p> </div> </div> <?php endforeach; ?> </div> <div class="clear"></div> </div> <div class="location-buttons"> <?php $first = true; ?>
 <?php foreach($locations as $location): ?> <?php if(isset($location->prevLocation)): ?> <div class="prev-icon-location <?php echo $location->code_name; ?>" data-click-key="<?php echo $location->prevLocation; ?>"> <div class="icon <?php echo $location->prevLocation; ?>"><span></span></div> <div class="arrow"><span></span></div> </div> <?php endif; ?> <?php if(isset($location->nextLocation)): ?> <div class="next-icon-location <?php echo $location->code_name; ?> <?php if($first): ?> active <?php endif; ?>" data-click-key="<?php echo $location->nextLocation; ?>"> <div class="icon <?php echo $location->nextLocation; ?>"><span></span></div> <div class="arrow"><span></span></div> </div> <?php endif; ?> <?php $first = false; ?>
 <?php endforeach; ?> </div> <article class="locations"> <?php $first = true; ?>
 <?php foreach($locations as $location): ?> <div class="<?php echo $location->code_name; ?>-location location <?php if($first): ?> active <?php endif; ?>"> <div class="left-block"> <h2><?php echo $location->name; ?></h2> <?php echo $location->description; ?> <?php if(isset($location->nextLocation)): ?> <p class="read-more" data-click-key="<?php echo $location->nextLocation; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.readMore'); ?> <?php echo $location->nextLocationName; ?> </p> <?php else: ?> <p class="read-more" data-click-key="<?php echo $locations[0]->code_name; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.readMore'); ?> <?php echo $locations[0]->menu; ?> </p> <?php endif; ?> </div> <div class="right-block"> <div class="header"> <div class="placeholder"> <div class="icon <?php echo $location->code_name; ?>"></div> <h4><?php echo $location->streamer; ?></h4> </div> </div> <div class="list-check"> <?php echo $location->list; ?> </div> <?php if($location->code_name == 'weekDay'): ?> <div class="price multi-options"> <p><strong class="night-type">weekdagen</strong><br/> <strong>€ <?php echo $location->price; ?></strong> <span>/ per nacht</span></p> </div> <div class="price multi-options"> <p><strong class="night-type">vrijdag / zaterdag</strong><br/> <strong>€ 120</strong> <span>/ per nacht</span></p> </div> <?php else: ?> <div class="price"> <p><span>vanaf</span> <strong>€ <?php echo $location->price; ?></strong></p> </div> <?php endif; ?> <div class="reserve"> <a href="#contact" class="internalLink"><?php echo \Illuminate\Support\Facades\Lang::get('translations.reserveWord'); ?> <?php echo $location->menu; ?></a> </div> </div> <div class="clear"></div> <?php if(isset($location->images) && count($location->images) === 1): ?> <div class="image-container" style="background-image: url('<?php echo $location->images[0]->large_image_url; ?>')"> </div> <?php else: ?> <div class="image-container image-container--special" style="position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start"> <?php foreach($location->images as $image): ?> <div class="location-small-image" style=" position: relative"> <div style="padding-top: 100%; width: 100%; height: 0;"> </div> <div class="image-inner" style="background-image: url('<?php echo $image->medium_image_url; ?>'); position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: cover; background-position: center;"></div> </div> <?php endforeach; ?> </div> <style> .location-small-image { width:24%; } .image-container--special { height:360px; } @media screen and (max-width: 680px) { .image-container--special { flex-wrap: wrap; max-height: none; height:450px !important; align-items: stretch !important; } .image-container--special .location-small-image{ width: 49%; margin-bottom: 2%; } } </style> <?php endif; ?> </div> <?php $first = false; ?>
 <?php endforeach; ?> </article> </section>