<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>

    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="BEEP">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="shortcut icon" type="image/png" href="/img/icons/Icon-40.png"/>
    <link rel="apple-touch-icon" href="/img/icons/Icon-60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/img/icons/Icon-76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/img/icons/Icon-60@2x.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/img/icons/Icon-72@2x.png">

    <!-- admin LTE template -->
    <link rel="stylesheet" href="/css/skin-base.css" media="screen">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="/css/skin-additions.css" media="screen">

    <script type="text/javascript" src="/js/jquery.js"></script>

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ __('beep.site_title') }}</title>

    <!-- Scripts -->
    <script>
        window.Laravel = {!! json_encode([
            'csrfToken' => csrf_token(),
        ]) !!};
    </script>

    @yield('head')

</head>
<body class="hold-transition skin-beep fixed @if(env('BETA', false) == true) beta @endif @yield('body-class')">
    <div id="app">
        
        @if (Auth::guest())
        @else
            <div class="wrapper">

                @include('layouts/admin-lte/header')
                @include('layouts/admin-lte/sidebar-left')

                <div class="content-wrapper">
        @endif
        
                    <section class="content-header">
                        
                        <h1>
                            @yield('page-title')
                        </h1>
                        @yield('breadcrum')

                    </section>

                    <section class="content" >
        
                        @if (!Auth::guest() && $message = Session::get('success'))
                            <div class="alert alert-success">
                                <p>{{ $message }}</p>
                            </div>
                        @endif

                        @if (!Auth::guest() && $message = Session::get('error'))
                            <div class="alert alert-danger">
                                <p>{{ $message }}</p>
                            </div>
                        @endif
        
                        @yield('content')

                    </section>

        @if (Auth::guest())
        @else
                </div>

                @include('layouts/admin-lte/footer')

                {{-- @include('layouts/admin-lte/sidebar-right') --}}
            
            </div>
        @endif

    </div>

    <script src="/js/scripts-base.js"></script>
    <script src="/js/scripts-portal.js"></script>

    <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>

        
</body>
</html>

