<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{{ trans('template.title') }}</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.3/css/AdminLTE.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.3/css/skins/_all-skins.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/locales/bootstrap-datepicker.de.min.js"></script>
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Line Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.2.1/css/simple-line-icons.min.css">
{{-- @yield('css') TODO: replace with push/stack --}}
@stack('css')
</head>
<body class="skin-blue sidebar-mini">
@if (!Auth::guest())
<div class="wrapper">
<!-- Main Header -->
<header class="main-header">
<!-- Logo -->
<a href="{{ url('/') }}" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>{{ trans('template.short') }}</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>{{ trans('template.title') }}</b></span>
</a>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- User Account Menu -->
<li class="dropdown user user-menu">
<!-- Menu Toggle Button -->
<a href="{ url('/') }}" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar-->
<img src="{{ asset('http://www.gravatar.com/avatar/'.md5(strtolower(trim(Auth::user()->email)))) }}" class="user-image"/>
<!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">{!! Auth::user()->name !!}</span>
</a>
<ul class="dropdown-menu">
<!-- The user image in the menu -->
<li class="user-header">
<img src="{{ asset('http://www.gravatar.com/avatar/'.md5(strtolower(trim(Auth::user()->email)))) }}" class="img-circle"/>
<p>
@if (Auth::guest())
{{ trans('template.title') }}
@else
{{ Auth::user()->name }}
@endif
<small></small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<!-- <div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Profile</a>
</div> -->
<div class="pull-right">
<form action="{{ url('/logout') }}" method="POST">
{!! csrf_field() !!}
<button type="submit" class="btn btn-default btn-flat">
{{ trans('template.logout') }}
</button>
</form>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
@include('layouts.sidebar')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
@yield('content')
</div>
<!-- Main Footer -->
<footer class="main-footer" style="max-height: 100px;text-align: center">
<strong>© {{ trans('template.copyright') }} {{ Carbon\Carbon::now()->year }} <a href="{{ url('/') }}">{{ trans('template.copyrightby') }}</a>.</strong> {{ trans('template.allrights') }}
</footer>
</div>
@else
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<!-- Collapsed Hamburger -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#app-navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Branding Image -->
<a class="navbar-brand" href="{!! url('/') !!}">
{{ trans('template.title') }} - {{ trans('template.admin') }}
</a>
</div>
<div class="collapse navbar-collapse" id="app-navbar-collapse">
<!-- Left Side Of Navbar -->
<ul class="nav navbar-nav">
<li><a href="{!! url('/home') !!}">{{ trans('template.home') }}</a></li>
</ul>
<!-- Right Side Of Navbar -->
<ul class="nav navbar-nav navbar-right">
<!-- Authentication Links -->
<li><a href="{!! url('/login') !!}">{{ trans('template.login') }}</a></li>
</ul>
</div>
</div>
</nav>
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
@yield('content')
</div>
</div>
</div>
</div>
@endif
<!-- jQuery 2.1.4 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.min.js"></script>
<!-- InputMask -->
<script src="http://cdn.fewoweb.io/plugins/input-mask/jquery.inputmask.js"></script>
<script src="http://cdn.fewoweb.io/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="http://cdn.fewoweb.io/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/locales/bootstrap-wysihtml5.de-DE.min.js"></script>
<!-- AdminLTE App -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.3/js/app.min.js"></script>
{{-- @yield('scripts') TODO: replace with push/stack --}}
@stack('scripts')
</body>
</html>
