@section('page')
	@yield('content')
@endsection
<!DOCTYPE html>
<html>
	<head>
		<title>@yield('title')</title>
		<!--meta-->
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.2" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="keywords" content="Medic, Medical Center" />
		<meta name="description" content="Responsive Medical Health Template" />
		<!--style-->
		<link href='//fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
		<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="/css/reset.css">
		<link rel="stylesheet" type="text/css" href="/css/superfish.css">
		<link rel="stylesheet" type="text/css" href="/css/prettyPhoto.css">
		<link rel="stylesheet" type="text/css" href="/css/jquery.qtip.css">
		<link rel="stylesheet" type="text/css" href="/css/style.css">
		<link rel="stylesheet" type="text/css" href="/css/menu_styles.css">
		<link rel="stylesheet" type="text/css" href="/css/animations.css">
		<link rel="stylesheet" type="text/css" href="/css/responsive.css">
		<link rel="stylesheet" type="text/css" href="/css/odometer-theme-default.css">
		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
		<link rel="stylesheet" type="text/css" href="/css/nhgooi.css">
		@stack('styles')
		<link rel="shortcut icon" href="/images/favicon.ico">
	</head>
	<!--<body class="image_1">
	<body class="image_1 overlay">
	<body class="image_2">
	<body class="image_f2 overlay">
	<body class="image_3">
	<body class="image_3 overlay">
	<body class="image_4">
	<body class="image_4 overlay">
	<body class="image_5">
	<body class="image_5 overlay">
	<body class="pattern_1">
	<body class="pattern_2">
	<body class="pattern_3">
	<body class="pattern_4">
	<body class="pattern_5">
	<body class="pattern_6">
	<body class="pattern_7">
	<body class="pattern_8">
	<body class="pattern_9">
	<body class="pattern_10">-->
	<body>
		<div class="site_container boxed">
			<!--<div class="header_top_bar_container style_2 clearfix">
			<div class="header_top_bar_container style_2 border clearfix">
			<div class="header_top_bar_container style_3 clearfix">
			<div class="header_top_bar_container style_3 border clearfix">
			<div class="header_top_bar_container style_4 clearfix">
			<div class="header_top_bar_container style_4 border clearfix">
			<div class="header_top_bar_container style_5 clearfix">
			<div class="header_top_bar_container style_5 border clearfix"> -->
			<div class="header_top_bar_container style_11 clearfix">
				<div class="header_top_bar">
					<form class="search">
						<input type="text" name="s" placeholder="Search..." value="Search..." class="search_input hint">
						<input type="submit" class="search_submit" value="">
						<input type="hidden" name="page" value="search">
					</form>
					<!--<ul class="social_icons dark clearfix">
					<ul class="social_icons colors clearfix">-->
					<ul class="social_icons clearfix">
						<li>
							<a target="_blank" href="http://facebook.com/QuanticaLabs" class="social_icon facebook" title="facebook">
								&nbsp;
							</a>
						</li>
						<li>
							<a target="_blank" href="https://twitter.com/QuanticaLabs" class="social_icon twitter" title="twitter">
								&nbsp;
							</a>
						</li>
						<li>
							<a href="mailto:contact@pressroom.com" class="social_icon mail" title="mail">
								&nbsp;
							</a>
						</li>
						<li>
							<a href="http://themeforest.net/user/QuanticaLabs/portfolio" class="social_icon envato" title="envato">
								&nbsp;
							</a>
						</li>
						<!--<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon behance">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon bing">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon blogger">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deezer">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon designfloat">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deviantart">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon digg">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon dribbble">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon flickr">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon form">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon forrst">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon foursquare">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon friendfeed">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon googleplus">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon instagram">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon linkedin">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon mobile">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon myspace">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon picasa">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon pinterest">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon reddit">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon rss">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon skype">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon soundcloud">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon spotify">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon stumbleupon">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon technorati">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon tumblr">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon vimeo">
								&nbsp;
							</a>
						</li>
						<li>
						a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon wykop">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon xing">
								&nbsp;
							</a>
						</li>
						<li>
							<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon youtube">
								&nbsp;
							</a>
						</li>-->
					</ul>
					@include('widgets.laatstenieuws')
				</div>
			</div>
			<style>
				img.ri{ max-width:100%; height: 90px; }    
				img.ri:empty{ }
				@media screen and (max-width:767px) and (orientation: portrait) {
				img.ri { max-width: 90%; height: auto; }
				}
				@media screen and (max-width:767px) and (orientation: landscape) {
				img.ri { max-height: 90%; height: auto; }
				}
			</style>
			<div class="header_container small">
				<div class="header clearfix">
					<div class="logo">
						<!-- 
						<h1><a href="?page=home" title="Pressroom">Pressroom</a></h1>
						<h4>News and Magazine Template</h4>
						-->
						<a href="{{url('/')}}"><img src="/images/logo.png" class="ri" /></a>
					</div>
					<div class="placeholder">
						<div class="title">{{Formatter::fullDate(new \DateTimeImmutable(), 'd m y')}}</div>
						<div class="sub artist"></div>
						<div class="controls">
							<ul>
								<li class="program-link">
									<a href='{{url('radio/gids')}}' title="Bekijk het huidige programma in de programmagids">
										<span class="fa fa-info"></span>
										<label>Programmagids</label>
									</a>	
								</li>
								<li class="listen-live"> 
									<a href='{{url('luister/live')}}' title="Luister live naar NH Gooi Radio">
										<span class="fa fa-play"></span>
										<label>Luister NH Gooi Radio</label>
									</a>
								</li>
								<li class="watch-live">  
									<a href='{{url('kijk/live')}}' title="Kijk live naar NH Gooi TV">
										<span class="fa fa-camera"></span>
										<label>Kijk NH Gooi TV</label>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="menu_container sticky clearfix">
				@include('widgets.menu')
			</div>

<!-- Content -->

<div class="page">
	@yield('page')
</div><!--/.page-->

<!-- Footer -->
			<div class="footer_container">
				<div class="footer clearfix>
					<div class="row">
						<div class="column column_1_3">
							<h4 class="box_header">About PressRoom</h4>
							<p class="padding_top_bottom_25">Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
							<div class="row">
								<div class="column column_1_2">
									<h5>PressRoom Ltd.</h5>
									<p>
										33 Farlane Street<br>
										25-100 Keilor East,<br>
										Australia
									</p>
								</div>
								<div class="column column_1_2">
									<h5>Phone &amp; Fax</h5>
									<p>
										Phone: 1-800-64-38<br>
										Fax: 1-800-64-39
									</p>
								</div>
							</div>
							<h4 class="box_header page_margin_top">Get In Touch With Us</h4>
							<ul class="social_icons dark page_margin_top clearfix">
								<li>
									<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
										&nbsp;
									</a>
								</li>
								<li>
									<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
										&nbsp;
									</a>
								</li>
								<li>
									<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
										&nbsp;
									</a>
								</li>
								<li>
									<a title="" href="#" class="social_icon skype">
										&nbsp;
									</a>
								</li>
								<li>
									<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
										&nbsp;
									</a>
								</li>
								<li>
									<a title="" href="#" class="social_icon instagram">
										&nbsp;
									</a>
								</li>
								<li>
									<a title="" href="#" class="social_icon pinterest">
										&nbsp;
									</a>
								</li>
							</ul>
						</div>
						<div class="column column_1_3">
							<h4 class="box_header">Laatste nieuws:</h4>
							<div class="vertical_carousel_container clearfix">
								<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
									<li class="post">
										<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
											<span class="icon small gallery"></span>
											<img src='images/samples/100x100/image_06.jpg' alt='img'>
										</a>
										<div class="post_content">
											<h5>
												<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
											</h5>
											<ul class="post_details simple">
												<li class="category"><a href="?page=category&amp;cat=health" title="HEALTH">HEALTH</a></li>
												<li class="date">
													10:11 PM, Feb 02
												</li>
											</ul>
										</div>
									</li>
									<li class="post">
										<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
											<img src='images/samples/100x100/image_12.jpg' alt='img'>
										</a>
										<div class="post_content">
											<h5>
												<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
											</h5>
											<ul class="post_details simple">
												<li class="category"><a href="?page=category&amp;cat=world" title="WORLD">WORLD</a></li>
												<li class="date">
													10:11 PM, Feb 02
												</li>
											</ul>
										</div>
									</li>
									<li class="post">
										<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">
											<img src='images/samples/100x100/image_02.jpg' alt='img'>
										</a>
										<div class="post_content">
											<h5>
												<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
											</h5>
											<ul class="post_details simple">
												<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
												<li class="date">
													10:11 PM, Feb 02
												</li>
											</ul>
										</div>
									</li>
									<li class="post">
										<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
											<img src='images/samples/100x100/image_13.jpg' alt='img'>
										</a>
										<div class="post_content">
											<h5>
												<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
											</h5>
											<ul class="post_details simple">
												<li class="category"><a href="?page=category&amp;cat=science" title="SCIENCE">SCIENCE</a></li>
												<li class="date">
													10:11 PM, Feb 02
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="column column_1_3">
							<h4 class="box_header">Latest Galleries</h4>
							<div class="horizontal_carousel_container big page_margin_top">
								<ul class="blog horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
									<li class="post">
										<a href="?page=post_gallery" title="Struggling Nuremberg Sack Coach Verbeek">
											<span class="icon gallery"></span>
											<img src='images/samples/330x242/image_03.jpg' alt='img'>
										</a>
										<h5 class="with_number">
											<a href="?page=post_gallery" title="Struggling Nuremberg Sack Coach Verbeek">Struggling Nuremberg Sack Coach Verbeek</a>
											<a class="comments_number" href="?page=post_gallery#comments_list" title="2 comments">2<span class="arrow_comments"></span></a>
										</h5>
										<ul class="post_details simple">
											<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
											<li class="date">
												10:11 PM, Feb 02
											</li>
										</ul>
									</li>
									<li class="post">
										<a href="?page=post_gallery" title="Built on Brotherhood, Club Lives Up to Name">
											<span class="icon gallery"></span>
											<img src='images/samples/330x242/image_14.jpg' alt='img'>
										</a>
										<h5 class="with_number">
											<a href="?page=post_gallery" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
											<a class="comments_number" href="?page=post_gallery#comments_list" title="2 comments">2<span class="arrow_comments"></span></a>
										</h5>
										<ul class="post_details simple">
											<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
											<li class="date">
												10:11 PM, Feb 02
											</li>
										</ul>
									</li>
									<li class="post">
										<a href="?page=post_gallery" title="New Painkiller Rekindles Addiction Concerns">
											<span class="icon gallery"></span>
											<img src='images/samples/330x242/image_04.jpg' alt='img'>
										</a>
										<h5 class="with_number">
											<a href="?page=post_gallery" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a>
											<a class="comments_number" href="?page=post_gallery#comments_list" title="2 comments">2<span class="arrow_comments"></span></a>
										</h5>
										<ul class="post_details simple">
											<li class="category"><a href="?page=category&amp;cat=sports" title="SPORTS">SPORTS</a></li>
											<li class="date">
												10:11 PM, Feb 02
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="row page_margin_top_section">
						<div class="column column_3_4">
							<ul class="footer_menu">
								<li>
									<h4><a href="?page=category&amp;cat=world" title="World">World</a></h4>
								</li>
								<li>
									<h4><a href="?page=category&amp;cat=health" title="Health">Health</a></h4>
								</li>
								<li>
									<h4><a href="?page=category&amp;cat=sports" title="Sports">Sports</a></h4>
								</li>
								<li>
									<h4><a href="?page=category&amp;cat=science" title="Science">Science</a></h4>
								</li>
								<li>
									<h4><a href="?page=category&amp;cat=lifestyle" title="Lifestyle">Lifestyle</a></h4>
								</li>
							</ul>
						</div>
						<div class="column column_1_4">
							<a class="scroll_top" href="#top" title="Scroll to top">Top</a>
						</div>
					</div>
					<div class="row copyright_row">
						<div class="column column_2_3">
							© Copyright <a href="http://quanticalabs.com" title="QuanticaLabs" target="_blank">QuanticaLabs</a> - PressRoom Template. <a href="https://themeforest.net/cart/add_items?item_ids=9066845&ref=QuanticaLabs" title="PressRoom Template" target="_blank">Click here to buy it</a> 
						</div>
						<div class="column column_1_3">
							<ul class="footer_menu">
								<li>
									<h6><a href="?page=about" title="About">About</a></h6>
								</li>
								<li>
									<h6><a href="?page=authors" title="Authors">Authors</a></h6>
								</li>
								<li>
									<h6><a href="?page=contact" title="Contact Us">Contact Us</a></h6>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="background_overlay"></div>
		<!--js-->
		<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
		<script type="text/javascript" src="/js/jquery-migrate-1.4.1.min.js"></script>
		<script type="text/javascript" src="/js/jquery.ba-bbq.min.js"></script>
		<script type="text/javascript" src="/js/jquery-ui-1.11.1.custom.min.js"></script>
		<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
		<script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
		<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
		<script type="text/javascript" src="/js/jquery.transit.min.js"></script>
		<script type="text/javascript" src="/js/jquery.sliderControl.js"></script>
		<script type="text/javascript" src="/js/jquery.timeago.js"></script>
		<script type="text/javascript" src="/js/jquery.hint.js"></script>
		<script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
		<script type="text/javascript" src="/js/jquery.qtip.min.js"></script>
		<script type="text/javascript" src="/js/jquery.blockUI.js"></script>
		<script type="text/javascript" src="/js/main.js"></script>
		<script type="text/javascript" src="/js/odometer.min.js"></script>
		<script type="text/javascript">
			function updateOnAir() {
				$.ajax({
					url: '{{url('onair')}}', 
					success: function(data) {
						$(document).trigger('onAirUpdated', data);
					}
				});
			}

			$(updateOnAir);
			var onAirUpdater = setInterval(updateOnAir, 5000);
			var $nowPlaying = { 
				title: $(".placeholder .title"),
				artist: $(".placeholder .artist"),
				programLink: $(".placeholder .program-link a"),
				programLabel: $(".placeholder .program-link a > label")
			};
			$(document).on('onAirUpdated', function(evt, data) {
				if(data.inProgram) {
					$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
					$nowPlaying.artist.text("");
				} else {
					$nowPlaying.programLabel.text(data.program.name).attr('title', data.program.name + "\n" + data.program.tagline);
					$nowPlaying.title.text(data.current.title).attr('title', data.current.title);
					$nowPlaying.artist.text(data.current.artist).attr('title', data.current.artist);
				}
				$nowPlaying.programLink.attr('href', '{{url("radio/programma")}}' + data.program.url);
			});
		</script>
		@stack('scripts')
	</body>
</html>
