@inject('moduleSvc', 'App\Services\ModuleService')
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <link rel="apple-touch-icon" sizes="76x76" href="/assets/frontend/img/apple-icon.png">
    <link rel="icon" type="image/png" href="/assets/frontend/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>phpvms</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>
    <!--     Fonts and icons     -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet"/>
    <link rel="stylesheet"
          href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"/>
    <!-- CSS Files -->
    <link href="/assets/frontend/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/vendor/select2/dist/css/select2.min.css" rel="stylesheet"/>
    <link href="/assets/frontend/css/now-ui-kit.css" rel="stylesheet"/>
    <link href="/assets/frontend/css/styles.css" rel="stylesheet"/>

    @yield('css')

</head>

<body>
<!-- Navbar -->
<nav class="navbar navbar-toggleable-md" style="background: #067ec1;">
    <div class="container" style="width: 85%!important;">
        <div class="navbar-translate">
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                    data-target="#navigation" aria-controls="navigation-index" aria-expanded="false"
                    aria-label="Toggle navigation">
                <span class="navbar-toggler-bar bar1"></span>
                <span class="navbar-toggler-bar bar2"></span>
                <span class="navbar-toggler-bar bar3"></span>
            </button>
            <p class="navbar-brand text-white" data-placement="bottom" target="_blank">
                <a href="{!! url('/') !!}">
                    <img src="/assets/frontend/img/logo_blue_bg.svg" width="135px" style=""/>
                </a>
            </p>
        </div>
        <div class="collapse navbar-collapse justify-content-end" id="navigation"
             data-nav-image="/assets/frontend/img/blurred-image-1.jpg">
            <ul class="navbar-nav">
                {{--<li class="nav-item active">--}}
                @if(!Auth::user())
                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/login') !!}">
                            <i class="fa fa-sign-in" aria-hidden="true"></i>
                            <p>Login</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/register') !!}">
                            <i class="fa fa-id-card-o" aria-hidden="true"></i>
                            <p>Register</p>
                        </a>
                    </li>

                    {{-- Show the module links for being logged out --}}
                    @foreach($moduleSvc->getFrontendLinks($logged_in=false) as &$link)
                        <li class="nav-item">
                            <a class="nav-link" href="{!! url($link['url']) !!}">
                                <i class="{!! $link['icon'] !!}"></i>
                                <p>{!! $link['title'] !!}</p>
                            </a>
                        </li>
                    @endforeach

                @else

                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/dashboard') !!}">
                            <i class="fa fa-tachometer" aria-hidden="true"></i>
                            <p>Dashboard</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/flights') !!}">
                            <i class="fa fa-plane" aria-hidden="true"></i>
                            <p>Flights</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/pireps') !!}">
                            <i class="fa fa-cloud-upload" aria-hidden="true"></i>
                            <p>PIREPs</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/profile') !!}">
                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                            <p>Profile</p>
                        </a>
                    </li>
                    @if(Entrust::hasRole('admin'))
                        <li class="nav-item">
                            <a class="nav-link" href="{!! url('/admin') !!}">
                                <i class="fa fa-circle-o-notch" aria-hidden="true"></i>
                                <p>Admin</p>
                            </a>
                        </li>
                    @endif

                    {{-- Show the module links for being logged out --}}
                    @foreach($moduleSvc->getFrontendLinks($logged_in=true) as &$link)
                        <li class="nav-item">
                            <a class="nav-link" href="{!! url($link['url']) !!}">
                                <i class="{!! $link['icon'] !!}"></i>
                                <p>{!! $link['title'] !!}</p>
                            </a>
                        </li>
                    @endforeach

                    <li class="nav-item">
                        <a class="nav-link" href="{!! url('/logout') !!}">
                            <i class="fa fa-external-link-square" aria-hidden="true"></i>
                            <p>Log Out</p>
                        </a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
</nav>
<!-- End Navbar -->
<div class="clearfix" style="height: 50px;"></div>
<div class="wrapper">
    <div class="clear"></div>
    <div class="container-fluid" style="width: 85%!important;">
        @yield('content')
    </div>
    <div class="clearfix" style="height: 200px;"></div>
    {{--<footer class="footer footer-default">--}}
        {{--<div class="container">--}}
            {{--<div class="copyright">--}}
                {{--&copy;--}}
                {{--<script>--}}
                    {{--document.write(new Date().getFullYear())--}}
                {{--</script>--}}
                {{--, Designed by--}}
                {{--<a href="http://www.invisionapp.com" target="_blank">Invision</a>. Coded by--}}
                {{--<a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>.--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</footer>--}}
</div>

<script src="/assets/frontend/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
<script src="/assets/frontend/js/core/tether.min.js" type="text/javascript"></script>
<script src="/assets/frontend/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="/assets/frontend/js/plugins/bootstrap-switch.js"></script>
<script src="/assets/frontend/js/plugins/nouislider.min.js" type="text/javascript"></script>
<script src="/assets/frontend/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="/assets/frontend/js/now-ui-kit.js" type="text/javascript"></script>
<script src="/vendor/select2/dist/js/select2.js"></script>
<script>
$(document).ready(function () {
    $(".select2").select2();
});
</script>

@yield('scripts')

</body>
</html>
