<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb18030">
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>{{trans('general.title')}}</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="stylesheet" href="{{ asset('/bootstrap/css/bootstrap.min.css') }}">
	<link rel="stylesheet" href="{{ asset('/dist/css/font-awesome.min.css') }}">
	<link rel="stylesheet" href="{{ asset('/dist/css/AdminLTE.min.css') }}">
	<link rel="stylesheet" href="{{ asset('/dist/css/app.css') }}">
	<link rel="stylesheet" href="{{ asset('/dist/css/skins/skin-red.min.css') }}">
	<link rel="stylesheet" href="{{ asset('plugins/pace/pace.min.css') }}">
	<link rel="stylesheet" href="{{ asset('/dist/css/custom.css') }}">
	{!! Html::style('plugins/sweetalert/sweetalert.css') !!}
	{!! Html::script("plugins/sweetalert/sweetalert.min.js") !!}

	<link rel="stylesheet" href="{{ asset('plugins/fullcalendar/fullcalendar.css') }}">
	<script src="{{ asset('plugins/jQuery/jQuery-2.1.4.min.js') }}"></script>
	<script src="{{ asset('plugins/fullcalendar/moment.min.js') }}"></script>
	<script src="{{ asset('plugins/fullcalendar/fullcalendar.js') }}"></script>
	<script src="{{ asset('plugins/fullcalendar/locale/locale-all.js') }}"></script>
 
	<link rel="shortcut icon" type="image/png" href="{{ asset('dist/img/favicon.png') }}">

	@yield('head')
</head>
<body class="hold-transition skin-red sidebar-mini">
	<div class="wrapper">
		<header class="main-header">
			<a href="{{ url('/') }}" class="logo">
				<span class="logo-mini"><b>SS</b>C</span>
				<span class="logo-lg"><b>Skipper</b> Sailing Club</span>
			</a>

			<nav class="navbar navbar-static-top" role="navigation">
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
					<span class="sr-only">Toggle navigation</span>
				</a>
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<li class="dropdown user user-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<img src="{{ asset('/dist/img/users/'.Auth::user()->profile_picture) }}" class="user-image" alt="User Image">
							<span class="hidden-xs">{{ Auth::user() ? Auth::user()->first_name.' '.Auth::user()->last_name : '' }}</span>
							</a>
							<ul class="dropdown-menu">
								<li class="user-header">
									<img src="{{ asset('/dist/img/users/'.Auth::user()->profile_picture) }}" class="img-circle" alt="User Image">
									<p>
									{{ Auth::user() ? Auth::user()->first_name.' '.Auth::user()->last_name : '' }}
									<small>{{ Auth::user() && Auth::user()->designation_item ? Auth::user()->designation_item->designation_item : '' }}</small>
									</p>
								</li>
								<li class="user-footer">
									<div class="pull-right">
									<a href="{{ url('/logout') }}" class="btn btn-default btn-flat">{{trans('general.salir')}}</a>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		
		<aside class="main-sidebar">
			<section class="sidebar">
				<ul class="sidebar-menu">
					<li><a href="{{ url('/') }}"><i class="fa fa-dashboard"></i> <span>Home</span></a></li>
					<li class="treeview">
							<a href="#"><i class="fa fa-users"></i><span>{{trans('general.usuarios')}}</span><i class="fa fa-angle-left pull-right"></i></a>
							<ul class="treeview-menu">
							<li><a href="{{ url('/companies') }}"><i class="fa fa-building"></i> <span>Clientes</span></a></li>
							<li><a href="{{ url('/users') }}"><i class="fa fa-users"></i> <span>{{trans('general.usuarios')}}</span></a></li>
							<li><a href="{{ url('/documents') }}"><i class="fa fa-file"></i> <span>{{trans('general.documento')}}</span></a></li>
							<li><a href="{{ url('/document-types') }}"><i class="fa fa-file-text"></i> <span>{{trans('general.tipo')}} {{trans('general.documentos')}}</span></a></li>
							<li><a href="{{ url('/roles') }}"><i class="fa fa-list-alt"></i> <span>{{trans('general.rol')}}</span></a></li>
							</ul>
					</li>
					<li><a href="{{ url('/customers') }}"><i class="fa fa-user-plus"></i> <span>Socios potenciales</span></a></li>
					<li class="treeview">
						<a href="#"><i class="fa fa-ship"></i><span>{{trans('general.navegacion')}}</span><i class="fa fa-angle-left pull-right"></i></a>
						<ul class="treeview-menu">
						<li><a href="{{ url('/boats') }}"><i class="fa fa-ship"></i> <span>{{trans('general.boats')}}</span></a></li>
						<li><a href="{{ url('/ports') }}"><i class="fa fa-anchor"></i> <span>{{trans('general.ports')}}</span></a></li>
						</ul>
					</li>
					<li class="treeview">
						<a href="#"><i class="fa fa-newspaper-o"></i><span>{{trans('general.info')}}</span><i class="fa fa-angle-left pull-right"></i></a>
						<ul class="treeview-menu">
						<li><a href="{{ url('/notices') }}"><i class="fa fa-sticky-note-o"></i> <span>{{trans('general.noticias')}}</span></a></li>
						<li><a href="{{ url('/links') }}"><i class="fa fa-external-link"></i> <span>{{trans('general.enlaces')}}</span></a></li>
						<li><a href="{{ url('/downloads') }}"><i class="fa fa-download"></i> <span>{{trans('general.descargas')}}</span></a></li>
						</ul>
					</li>
					<li><a href="{{ url('/questions') }}"><i class="fa fa-question"></i> <span>Formularios</span></a></li>
					<li><a href="{{ url('/reservations') }}"><i class="fa fa-ticket"></i> <span>{{trans('general.reservations')}}</span></a></li>
					<li><a href="{{ url('/calendar') }}"><i class="fa fa-calendar"></i> <span>{{trans('general.calendario')}}</span></a></li>
					<li><a href="{{ url('/festives') }}"><i class="fa fa-calendar"></i> <span>{{trans('general.festives')}}</span></a></li>
					<li><a href="{{ url('/incidences') }}"><i class="fa fa-hand-paper-o"></i> <span>{{trans('general.incidences')}}</span></a></li>
					<!-- li><a href="{{ url('/global') }}"><i class="fa fa-star"></i> <span>Configuración</span></a></li -->
					</ul>
			</section>
		</aside>

		@include('sweet::alert')


		@yield('content')
		<footer class="main-footer">
			<div class="pull-right hidden-xs">
			<strong class="text-green">Skipper</strong>
			</div>
			<strong>Copyright &copy; Skipper Sailing.</strong> All rights reserved.
		</footer>

	</div>


<script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('plugins/pace/pace.min.js') }}"></script>
<script src="{{ asset('plugins/slimScroll/jquery.slimscroll.min.js') }}"></script>
<script src="{{ asset('plugins/fastclick/fastclick.js') }}"></script>
<script src="{{ asset('dist/js/app.min.js') }}"></script>
@yield('foot')
</body>
</html>
