@section('page')
	@yield('content')
@endsection
<!DOCTYPE html>
<html>
	@include('layouts._head')
	<body>
<!-- Google Tag Manager (noscript) -->

              <noscript>
                <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGLKLJ4" height="0" width="0" style="display:none; visibility:hidden"></iframe></noscript>
               <!-- End Google Tag Manager (noscript) -->
		<div class="site_container boxed">
			<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: 80px; }    
				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; }
				}
				.header .logo h4 { font-size: 10pt; padding: 0; padding-top: 4px; }
			</style>
			<div class="header_container small">
				<div class="header clearfix">
					<div class="logo">
						<a href="{{url('/')}}"><img src="/images/logo.png" class="ri" /></a>
					</div>

					<div class="now-playing-header">
						<div class="title"></div>
						<div class="artist"></div>
						<div class="controls">
							<ul>
								<li class="program-link">
									<a href='{{route('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='{{route('luister.live')}}' title="Luister live naar NH Gooi Radio" class="player">
										<span class="fa fa-play"></span>
										<label>Luister NH Gooi Radio</label>
									</a>
								</li>
								<li class="watch-live">  
									<a href='{{route('kijk.live')}}' title="Kijk live naar NH Gooi TV">
										<span class="fa fa-tv"></span>
										<label>Kijk NH Gooi TV</label>
									</a>
								</li>
								<li class="watch-studio">  
									<a href='{{route('kijk.studio')}}' title="Kijk live mee in de radiostudio van NH Gooi">
										<span class="fa fa-video"></span>
										<label>Studiocam</label>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="menu_container sticky clearfix">
				@include('widgets.menu')
				@if(isset($searchURL))
				<form class="search" action="{{url($searchURL)}}">
					<input type="text" name="query" placeholder="Zoeken..." value="{{isset($query) ? $query : null}}" class="search_input hint">
					<input type="submit" class="search_submit" value="Zoeken">
				</form>
				@endif
			</div>

<!-- Content -->

<div class="page">
	<a name="top"></a>
	@if($activeBlog != null)
		<p style="float: left; border: solid 1px #1f3977; border-radius: 10px; padding: 0 10px 0.4em 10px; margin: 10px 0 10px 0; width: 100%;">
		<b>Live-blog:</b> {{$activeBlog->title}}
		<a href="{{$activeBlog->url}}" class="action_button" style="float: none; margin-left: 1em;"><span class="fa fa-rss"></span><span>Volg het live-blog</span></a>
		</p>
	@endif
	@yield('page')
</div><!--/.page-->

<a class="scroll_top_floater" href="#top" title="Scroll naar boven"></a>

<!-- Footer -->
			<div class="footer_container">
				<div class="footer clearfix>
					<div class="row">
						<div class="column column_1_3">
							<h4 class="box_header">NH Gooi</h4>
							<p class="padding_top_bottom_25">
						 		<b>NH Gooi</b> is de streekomroep voor het Gooi in samenwerking met NH Media.
								NH Gooi Radio hoor je in heel Gooi en Eemland op 92.0 FM. 
								<a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
							</p>
							<div class="row">
								<div class="column column_1_2">
									<h5>Bezoekadres / Studio</h5>
									<p>
									IJsselmeerstraat 3B <br/>
									1271 AA, Huizen <br/>
									Tel: 	035-6424774 <br/>
									Studio: 	035-6424776 <br/>
									E-mail: 	info@nhgooi.nl <br/>
									KvK: 	41194132
									</p>
								</div>
								<div class="column column_1_2">
									<h5>Postadres</h5>
									<p>
									Postbus 83 <br/>
									1270 AB  Huizen <br/>
									</p>
								</div>
							</div>
							<a href="#" id="changePreferences">Pas hier uw cookie-instellingen aan</a>
							{{--
							<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">Fragment gemist</h4>
							@include("widgets.laatstepodcasts")
						</div>
						<div class="column column_1_3">
							<h4 class="box_header">Regio-agenda</h4>
							@include("widgets.regioagenda")
						</div>
					</div>
					<div class="row page_margin_top_section">
						<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">
							&copy; Copyright <?php echo date('Y'); ?> NH Gooi. <a href="http://quanticalabs.com" title="QuanticaLabs" target="_blank">QuanticaLabs</a> - PressRoom Template.
						</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">
			$(window).resize(function() {
				// Fix sticky for mobile menu indicator
				menu_position = $(".menu_container").offset().top;
			});

			$(window).scroll(function() {
				var topOfWindow = $(window).scrollTop();
				if(topOfWindow > menu_position) $(".scroll_top_floater").fadeIn();
					else $(".scroll_top_floater").fadeOut();
			});
			$(".scroll_top_floater").hide();

			function updateOnAir() {
				$.ajax({
					url: '{{route('onair')}}', 
					success: function(data) {
						$(document).trigger('onAirUpdated', data);
					}
				});
			}

			$(updateOnAir);
			var onAirUpdater = setInterval(updateOnAir, 5000);
			var $nowPlaying = { 
				container: $(".now-playing-header").hide(),
				title: $(".now-playing-header .title"),
				artist: $(".now-playing-header .artist"),
				controls: $(".now-playing-header .controls"),
				studiocam: $(".now-playing-header .watch-studio, li.watch-studio"),
				programLink: $(".now-playing-header .program-link a"),
				programLabel: $(".now-playing-header .program-link a > label"),
				first: true
			};
			$(document).on('onAirUpdated', function(evt, data) {
				if(data.inProgram) {
					$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
					if(data.current && data.current.title) {
						$nowPlaying.artist.text((data.current.artist ? data.current.artist + ' - ' : '') + data.current.title);
                                        } else {
						$nowPlaying.artist.text(data.program.tagline);
					}
				} 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.studiocam.toggle(data.stream != false);
				$nowPlaying.programLink.attr('href', '{{route("programma")}}' + data.program.url);
				if($nowPlaying.first) { $nowPlaying.controls.hide(); }
				$nowPlaying.container.slideDown(function() {
					if($nowPlaying.first) {
						$nowPlaying.controls.fadeIn('slow');
						$nowPlaying.first = false;
					}
				});

				// Now playing may have moved the menu
				menu_position = $(".menu_container").offset().top;
			});
			$(".player").click(function(e) {
				e.preventDefault();
				window.open($(this).attr('href'), '_player', 'width=500,height=500,titlebar,close');
				return false;
			});
		</script>
		@stack('scripts')
	</body>
</html>
