@extends('layouts.app')

{{-- Page level plugin styles START --}}
@css('assets/animate/css/animate.css')
@css('assets/jquery/plugins/fancybox/source/jquery.fancybox.css')
@css('assets/jquery/plugins/owl.carousel/2.0.0/css/owl.carousel.css')
@css('assets/jquery/plugins/uniform/2.1.0/css/uniform.default.css')
{{-- Page level plugin styles END --}}
@section('body')
	<!-- BEGIN TOP BAR -->
	<div class="pre-header">
		<div class="container">
			<div class="row">
				<!-- BEGIN TOP BAR LEFT PART -->
				<div class="col-md-6 col-sm-6 additional-shop-info">
					<ul class="list-unstyled list-inline">
						<li><i class="fa fa-phone"></i><span>{{ $so->site->phone }}</span></li>
						<li><i class="fa fa-envelope-o"></i><span>{{ $so->site->email }}</span></li>
					</ul>
				</div>
				<!-- END TOP BAR LEFT PART -->

				<!-- BEGIN TOP BAR MENU -->
				<div class="col-md-6 col-sm-6 additional-nav">
					<ul class="list-unstyled list-inline pull-right">
						<li><a href="{{ url('login') }}">Log In</a></li>
						<li><a href="{{ url('register') }}">Registration</a></li>
					</ul>
				</div>
				<!-- END TOP BAR MENU -->
			</div>
		</div>
	</div>
	<!-- END TOP BAR -->

	<!-- BEGIN HEADER -->
	<div class="header">
		<div class="container">
			<a class="site-logo" href="index.html"><img src="{{ $so->site->logo_url() }}" alt="{{ $so->site->name }}" height="32"></a>
			<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>

			<!-- BEGIN NAVIGATION -->
			<div class="header-navigation pull-right font-transform-inherit">
				<ul>
					{{-- @todo Replace this with a function that can traverse children with multiple depths --}}
					@foreach ($so->site->top_menu() as $item => $menu)
						<li class="dropdown {{ Request::is($menu['url']) ? 'active' : '' }}">

							@if (! array_get($menu,'children'))
								<a {{ Request::is($menu['url']) ? 'class=active' : '' }} href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a>
								@else
								<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;">{{ $item }}</a>
								<ul class="dropdown-menu">
									<li {{ (Request::is($menu['url']) ? 'class=active' : '') }}><a href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a></li>
									@foreach($menu['children'] as $name => $menuitem)
										<li {{ (Request::is($menuitem['url']) ? 'class=active' : '') }}><a href="{{ url($menuitem['url']) }}">{{ $menuitem['name'] }}</a></li>
										@endforeach
								</ul>
								@endif

						</li>
						@endforeach

					<!-- BEGIN TOP SEARCH -->
					<li class="menu-search">
						<span class="sep"></span>
						<i class="fa fa-search search-btn"></i>

						<div class="search-box">
							<form action="#">
								<div class="input-group">
									<input type="text" placeholder="Search" class="form-control">
									<span class="input-group-btn">
										<button class="btn btn-primary" type="submit">Search</button>
									</span>
								</div>
							</form>
						</div>
					</li>
					<!-- END TOP SEARCH -->
				</ul>
			</div>
			<!-- END NAVIGATION -->
		</div>
	</div>
	<!-- Header END -->

	@yield('section')

	<!-- BEGIN PRE-FOOTER -->
	<div class="pre-footer">
		<div class="container">
			<div class="row">
				<!-- BEGIN BOTTOM ABOUT BLOCK -->
				<div class="col-md-4 col-sm-6 pre-footer-col">
					<h2>About us</h2>
					<p>{{ $so->site->aboutus() }}</p>
<!--
					<div class="photo-stream">
						<h2>Photos Stream</h2>
						<ul class="list-unstyled">
							<li><a href="javascript:;"><img alt="" src="{{!! Theme::url('pages/img/people/img5-small.jpg') !!}}"></a></li>
						</ul>
					</div>
-->
				</div>
				<!-- END BOTTOM ABOUT BLOCK -->

				<!-- BEGIN BOTTOM CONTACTS -->
				<div class="col-md-4 col-sm-6 pre-footer-col">
					<h2>Our Contacts</h2>
					<address class="margin-bottom-40">
						<table>
							<tr><th style="vertical-align:top; padding-right: 5px;">Address</th><td>{!! $so->site->address('html') !!}</td></tr>
							<tr><th>Phone</th><td>{{ $so->site->phone }}</tr>
							@if ($so->site->fax)<tr><th>Fax</th><td>{{ $so->site->fax }}</tr>@endif
							<tr><th>Email</th><td> <a href="mailto:{{ $so->site->email }}">{{ $so->site->email }}</a></tr>
						</table>
					</address>
<!--
					<div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
						<h2>Newsletter</h2>
						<p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
						<form action="#">
							<div class="input-group">
								<input type="text" placeholder="youremail@mail.com" class="form-control">
								<span class="input-group-btn">
									<button class="btn btn-primary" type="submit">Subscribe</button>
								</span>
							</div>
						</form>
					</div>
-->
				</div>
				<!-- END BOTTOM CONTACTS -->

				<!-- BEGIN TWITTER BLOCK -->
<!--
	 			<div class="col-md-4 col-sm-6 pre-footer-col">
					<h2 class="margin-bottom-0">Latest Tweets</h2>
					<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets...</a>
				</div>
-->
				<!-- END TWITTER BLOCK -->
			</div>
		</div>
	</div>
	<!-- END PRE-FOOTER -->

	<!-- BEGIN FOOTER -->
	<div class="footer">
		<div class="container">
			<div class="row">
				<!-- BEGIN COPYRIGHT -->
				<div class="col-md-4 col-sm-4 padding-top-10">
					2016 © Leenooks. ALL Rights Reserved. <!--<a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a>-->
				</div>
				<!-- END COPYRIGHT -->

				<!-- BEGIN SOCIAL -->
				<div class="col-md-4 col-sm-4">
					<ul class="social-footer list-unstyled list-inline pull-right">
						@foreach ($so->site->social() as $social)
							<li><a href="javascript:;"><i class="fa fa-{{ $social }}"></i></a></li>
						@endforeach
					</ul>
				</div>
				<!-- END SOCIAL -->

				<!-- BEGIN POWERED -->
				<div class="col-md-4 col-sm-4 text-right">
					<p class="powered">Powered by: <a href="http://www.leenooks.net/">leenooks</a></p>
				</div>
				<!-- END POWERED -->
			</div>
		</div>
	</div>
	<!-- END FOOTER -->

	<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
	@js('assets/jquery/plugins/fancybox/source/jquery.fancybox.pack.js','jq-fancybox','jquery')<!-- pop up -->
	@js('assets/jquery/plugins/owl.carousel/2.0.0/js/owl.carousel.min.js','jq-owl-carousel','jquery')<!-- slider for products -->
	@js('assets/jquery/plugins/uniform/2.1.0/js/jquery.uniform.min.js','jq-uniform','jquery')

	@js('corporate/scripts/layout.js','layout','jquery')
	@js('pages/scripts/bs-carousel.js','bs-carousel','jq-owl-carousel')
	@js('pages/scripts/contact-us.js','contact-us','jquery')
@endsection

@section('scripts')
	<script type="text/javascript">
		jQuery(document).ready(function() {
			Layout.init();
			Layout.initOWL();
			<!-- Layout.initTwitter(); -->
			Layout.initUniform();
			Layout.initFixHeaderWithPreHeader();
			Layout.initNavScrolling();
			<!-- ContactUs.init(); -->
		});
	</script>
	<!-- END PAGE LEVEL JAVASCRIPTS -->
@stop