<?php $__env->startSection('content'); ?>


<div class="container-fluid modul-bt-one dark" style="margin: 0 1em 0 1em;">
    <div class="container containerHelper">
	    <!--
				<div class="row">
					<div class="col-sm-12" style="background-color: pink; text-align: center; padding: 15px;">
						<p>Rain/Lightning delay in effect for 2A and 3A Softball Tournament. Please check back later.</p>
					</div>
				</div>
				-->
        <div class="row" >
        	
			<div class="col-sm-12 col-md-12 hl">
				<?php if(count($other['live']) > 0): ?>
				<div class="advert-one-title xcontainer inline">
					<h1 class="inline">Live</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">	View All	</a>
				<div class="next" id="next-live">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-live">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-live" class="owl-carousel">
					<?php foreach($other['live'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="live-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

							</div>
						</a>
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>Live</h1>
					<span class="noEvents">There are currently no live events.</span>
				</div>
				<div class="next" id="next-live" style="display: none;">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-live" style="display: none;">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-live" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>
		<?php if(count($other['scheduled']) > 0): ?>
		<div class="row" >
        	
			<div class="col-sm-12 col-md-12 hl">
				
				<div class="advert-one-title xcontainer inline">
					<h1 class="inline">Scheduled</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">	View All	</a>
				<div class="next" id="next-scheduled">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-scheduled">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-scheduled" class="owl-carousel">
					<?php foreach($other['scheduled'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="scheduled-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j @ g:i a', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>
					</div>
					<?php endforeach; ?>
				</div>			
			</div>
		</div>
		<?php else: ?>
		<div style="display: none;">
			<div class="next" id="next-scheduled">
				<i class="fa fa-arrow-right"></i>
			</div>
			<div class="prev" id="prev-scheduled">
				<i class="fa fa-arrow-left"></i>
			</div>
			<div id="owl-scheduled" class="owl-carousel">
			</div>
		</div>
		<?php endif; ?>
<!--  
		<div class="row" >
			
			<div class="col-sm-12 col-md-12 hl">
				<?php if(count($other['trending']) > 0): ?>
				<div class="advert-one-title xcontainer inline">
					<h1 class="inline">Trending</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">View All</a>
				<div class="next" id="next-trending">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-trending">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-trending" class="owl-carousel">
					<?php foreach($other['trending'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="trending-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>Trending</h1>
					<span class="noEvents">There are currently no trending events.</span>
				</div>
				<div id="owl-trending" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>
		-->

		


		<div class="row" >

			<div class="col-sm-12 col-md-12 hl">
				<?php if(count($other['hs']) > 0): ?>
				<div class="advert-one-title xcontainer inline" >
					<h1 class="inline">High School</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">View All</a>
				<div class="next" id="next-hs">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-hs">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-hs" class="owl-carousel">
					<?php foreach($other['hs'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="hs-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>	
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>High School</h1>
					<span class="noEvents">There are currently no high school events.</span>
				</div>
				<div id="owl-hs" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>
				
		<div class="row" >

			<div class="col-sm-12 col-md-12  hl">
				<?php if(count($other['recent']) > 0): ?>
				<div class="advert-one-title xcontainer inline">
					<h1 class="inline">Recent</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">View All	</a>
				<div class="next" id="next-recent">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-recent">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-recent" class="owl-carousel owl-theme">
					<?php foreach($other['recent'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="recent-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>	
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>Recent</h1>
					<span class="noEvents">There are currently no recent events.</span>
				</div>
				<div id="owl-community" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>
		<div class="row" >

			<div class="col-sm-12 col-md-12 hl">
				<?php if(count($other['community']) > 0): ?>
				<div class="advert-one-title xcontainer inline" >
					<h1 class="inline">Community</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">View All</a>
				<div class="next" id="next-community">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-community">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-community" class="owl-carousel">
					<?php foreach($other['community'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="community-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>	
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>Community</h1>
					<span class="noEvents">There are currently no community events.</span>
				</div>
				<div id="owl-community" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>




		

		<div class="row" >

			<div class="col-sm-12 col-md-12 hl">
				<?php if(count($other['tournaments']) > 0): ?>
				<div class="advert-one-title xcontainer inline" >
					<h1 class="inline">State Tournaments</h1>
					<h1 class="inline h1fix">
						&nbsp;<a target="_blank" href="https://local10.centracom.com/events/brackets"><i class="fa fa-sitemap fa-rotate-90 h1fix"></i></a>
					</h1>
				</div>
				
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">View All</a>
				<div class="next" id="next-tournaments">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-tournaments">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-tournaments" class="owl-carousel">
					<?php foreach($other['tournaments'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="tournaments-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>	
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>UHSAA Tournaments</h1>
					<span class="noEvents">There are currently no tournament games.</span>
				</div>
				<div id="owl-tournaments" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>
		<div class="row">

			<div class="col-sm-12 col-md-12 hl">
				<?php if(count($other['sport']) > 0): ?>
				<div class="advert-one-title xcontainer inline" >
					<h1 class="inline">Football</h1>
				</div>
				<a href="<?php echo e(url('events')); ?>" class="all_events inline">View All</a>
				<div class="next" id="next-sport">
					<i class="fa fa-arrow-right"></i>
				</div>
				<div class="prev" id="prev-sport">
					<i class="fa fa-arrow-left"></i>
				</div>
				<div id="owl-sport" class="owl-carousel">
					<?php foreach($other['sport'] as $event): ?>
					<div class="card-content">
						<a href="<?php echo e(url('stream/'.$event->id.'/'.\App\Event::seo($event->title))); ?>" target="_blank">
							<img class="card-img" src="<?php echo e(asset('images/ch10/banner/'.$event->banner)); ?>" id="sport-row" />
							<div class="card-title">
								<?php echo e($event->title); ?>

								<br>
								<span style="color: #aaa;">
									<?php if($event->display_date): ?>
									<?php echo e(date('M j', strtotime($event->start_time))); ?>

									<?php endif; ?>
								</span>
							</div>
						</a>	
					</div>
					<?php endforeach; ?>
				</div>
				<?php else: ?>
				<div class="advert-one-title xcontainer">
					<h1>Football</h1>
					<span class="noEvents">There are currently no football games.</span>
				</div>
				<div id="owl-sport" class="owl-carousel"></div>
				<?php endif; ?>
			</div>
		</div>
		
		<br>
	</div>
</div>
	
<?php $__env->stopSection(); ?>

<?php $__env->startSection('extras'); ?>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
	<style>
		.containerHelper {
			width: inherit;
		}
		.dark {
/* 			background-color: #34495e; */
			background-color: #232323;
			color: white;
		}
		.noEvents {			
			opacity: .6;
		}
		.card-content {
			padding: 5px;
		}
		.card-img {
			width: 100%;
			max-width: 100%;
		}
		.card-title {
			color: white;
			padding-left: 10px;
		}
		.card-content a {
			text-decoration: none;
		}
		.prev {
			width: 30px;
			max-width: 20%;
			background-color: black;
			opacity: .6;
			position: absolute;
			z-index: 9998;
			text-align: center;
			cursor: pointer;
			top: 5em;
			border-right: 1px solid  grey;
		}
		.next {
			right: 0;
			width: 30px;
			max-width: 20%;
			background-color: black;
			opacity: .6;
			position: absolute;
			z-index: 9998;
			text-align: center;
			cursor: pointer;
			top: 5em;
			border-left: 1px solid  grey;
		}
		.prev i, .next i {
			margin: auto;
		}
		.next:hover, .prev:hover {
			opacity: .7;
		}
		.hl:hover {
			background-color: #243342;
			background-color: inherit;
		}
		.hl {
			padding: 0;
			margin: 0;
			padding-top: 2em;
			border-top: 1px dashed #545454;
		}
		.xcontainer {
			padding-left: 10px;
		}
		.btn-sm {
			border-radius: 5px 0 0 5px;
			margin-top: 5px;
		}
		.inline {
			display: inline;
		}
		.all_events {
			float: right;
			opacity: .5;
			color: #aaa;
			padding-right: 1em;
			margin-top: 1em;
			text-transform: uppercase;
		}
		.all_events:hover {
			opacity: .9;
			text-decoration: none;
			color: white;
		}
		h1 {
			color: white;
			font-weight: normal;
			text-transform: uppercase;
			font-size: 1.5em;
			opacity: .3;
			margin-top: 1em;
			letter-spacing: 2px;
		}
		h4 {
			color: white;
			opacity: .6;
		}
		body {
			background-color: #232323;
		}
		.h1fix {
			opacity: 1;
			color: #545454;
		}
		.h1fix:hover {
			color: white;
		}
	</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('bottom'); ?>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>
	
	<script>
		$(document).ready(function() {
		 
		 var live = $("#owl-live").owlCarousel({
			 	autoPlay : 4000,
				pagination: false
			 });
		 var scheduled = $("#owl-scheduled").owlCarousel({
			 	autoPlay : 4000,
				pagination: false
			 });
		 /*
		 var trending = $("#owl-trending").owlCarousel({
			 	autoPlay : false,
				pagination: false
			 });
		 */
		 var recent = $("#owl-recent").owlCarousel({
				autoPlay : false,
				pagination: false
			  });
		 var community = $("#owl-community").owlCarousel({
			 	autoPlay : false,
				pagination: false
			 });
		 
		 var sport = $("#owl-sport").owlCarousel({
			 	autoPlay : false,
				pagination: false
			 });
			 
		 var tournaments = $("#owl-tournaments").owlCarousel({
			 	autoPlay : false,
				pagination: false
			 })
		 var hs = $("#owl-hs").owlCarousel({
			 	autoPlay : false,
				pagination: false
			 });

	 	$("#next-live").click(function(){
	   	 	live.trigger('owl.next');
	  	});
	  	$("#prev-live").click(function(){
	    	live.trigger('owl.prev');
	  	});
	  	$("#next-scheduled").click(function(){
	  		scheduled.trigger('owl.next');
	  	});
	  	$("#prev-scheduled").click(function(){
	  		scheduled.trigger('owl.prev');
	  	});
	  	/*
	  	$("#next-trending").click(function(){
	   	 	trending.trigger('owl.next');
	  	});
	  	$("#prev-trending").click(function(){
	    	trending.trigger('owl.prev');
	  	});
		*/
	  	$("#next-recent").click(function(){
	   	 	recent.trigger('owl.next');
	  	});
	  	$("#prev-recent").click(function(){
	    	recent.trigger('owl.prev');
	  	});

	  	$("#next-community").click(function(){
	   	 	community.trigger('owl.next');
	  	});
	  	$("#prev-community").click(function(){
	    	community.trigger('owl.prev');
	  	});
	  	
	  	$("#next-sport").click(function(){
	   	 	sport.trigger('owl.next');
	  	});
	  	$("#prev-sport").click(function(){
	    	sport.trigger('owl.prev');
	  	});
		
	  	$("#next-tournaments").click(function(){
	   	 	tournaments.trigger('owl.next');
	  	});
	  	$("#prev-tournaments").click(function(){
	    	tournaments.trigger('owl.prev');
	  	});

	  	$("#next-hs").click(function(){
	   	 	hs.trigger('owl.next');
	  	});
	  	$("#prev-hs").click(function(){
	    	hs.trigger('owl.prev');
	  	});

		navHeight();
		 
		});


		function navHeight()
		{
			var liveHeight = $('#live-row').height();
			var scheduledHeight = $('#scheduled-row').height();
			/*
			var trendingHeight = $('#trending-row').height();
			*/
			var recentHeight = $('#recent-row').height();
			var communityHeight = $('#community-row').height();
			var sportHeight = $('#sport-row').height();
			var tournamentsHeight = $('#tournaments-row').height();
			var hsHeight = $('#hs-row').height();

			var nextLive = document.getElementById('next-live');
			var prevLive = document.getElementById('prev-live');
			nextLive.style.height = liveHeight + 'px';
			prevLive.style.height = liveHeight + 'px';
			nextLive.childNodes[1].style.marginTop = liveHeight/2.5 + "px";
			prevLive.childNodes[1].style.marginTop = liveHeight/2.5 + "px";

			var nextScheduled = document.getElementById('next-scheduled');
			var prevScheduled = document.getElementById('prev-scheduled');
			nextScheduled.style.height = scheduledHeight + 'px';
			prevScheduled.style.height = scheduledHeight + 'px';
			nextScheduled.childNodes[1].style.marginTop = scheduledHeight/2.5 + "px";
			prevScheduled.childNodes[1].style.marginTop = scheduledHeight/2.5 + "px";
			/*
			var nextTrending = document.getElementById('next-trending');
			var prevTrending = document.getElementById('prev-trending');
			nextTrending.style.height = trendingHeight + 'px';
			prevTrending.style.height = trendingHeight + 'px';
			nextTrending.childNodes[1].style.marginTop = trendingHeight/2.5 + "px";
			prevTrending.childNodes[1].style.marginTop = trendingHeight/2.5 + "px";
			*/
			var nextRecent = document.getElementById('next-recent');
			var prevRecent = document.getElementById('prev-recent');
			nextRecent.style.height = recentHeight + 'px';
			prevRecent.style.height = recentHeight + 'px';
			nextRecent.childNodes[1].style.marginTop = recentHeight/2.5 + "px";
			prevRecent.childNodes[1].style.marginTop = recentHeight/2.5 + "px";

			var nextCommunity = document.getElementById('next-community');
			var prevCommunity = document.getElementById('prev-community');
			nextCommunity.style.height = communityHeight + 'px';
			prevCommunity.style.height = communityHeight + 'px';
			nextCommunity.childNodes[1].style.marginTop = communityHeight/2.5 + "px";
			prevCommunity.childNodes[1].style.marginTop = communityHeight/2.5 + "px";
			
			var nextSport = document.getElementById('next-sport');
			var prevSport = document.getElementById('prev-sport');
			nextSport.style.height = sportHeight + 'px';
			prevSport.style.height = sportHeight + 'px';
			nextSport.childNodes[1].style.marginTop = sportHeight/2.5 + "px";
			prevSport.childNodes[1].style.marginTop = sportHeight/2.5 + "px";
			
			var nextTournaments = document.getElementById('next-tournaments');
			var prevTournaments = document.getElementById('prev-tournaments');
			nextTournaments.style.height = tournamentsHeight + 'px';
			prevTournaments.style.height = tournamentsHeight + 'px';
			nextTournaments.childNodes[1].style.marginTop = tournamentsHeight/2.5 + "px";
			prevTournaments.childNodes[1].style.marginTop = tournamentsHeight/2.5 + "px";

			var nexths = document.getElementById('next-hs');
			var prevhs = document.getElementById('prev-hs');
			nexths.style.height = hsHeight + 'px';
			prevhs.style.height = hsHeight + 'px';
			nexths.childNodes[1].style.marginTop = hsHeight/2.5 + "px";
			prevhs.childNodes[1].style.marginTop = hsHeight/2.5 + "px";
		}
	</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('residential.local10.event_template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>