<!DOCTYPE html>
<html lang="id">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="csrf-token" content="{{ csrf_token() }}">

        <title>Application</title>
        <!-- base:css -->
        <link rel="stylesheet" href="{{ asset('vendors/mdi/css/materialdesignicons.min.css') }}">
        <link rel="stylesheet" href="{{ asset('vendors/base/vendor.bundle.base.css') }}">
        <!-- endinject -->
        <!-- plugin css for this page -->
        <!-- End plugin css for this page -->
        <!-- inject:css -->
        <link rel="stylesheet" href="{{ asset('css/style.css') }}">
        <!-- endinject -->
        <link rel="shortcut icon" href="{{ asset('images/logo.ico') }}" />
		@yield('styles')
    </head>
    <body>
        <div class="container-scroller">
            <div class="horizontal-menu">
                <nav class="navbar top-navbar col-lg-12 col-12 p-0">
                    <div class="container-fluid">
                        <div class="navbar-menu-wrapper d-flex align-items-center justify-content-between">
                            <ul class="navbar-nav navbar-nav-left">
                                {{-- <li class="nav-item dropdown">
                                    <a class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center" id="notificationDropdown" href="#" data-bs-toggle="dropdown">
                                        <i class="mdi mdi-bell mx-0"></i>
                                        <span class="count bg-success">2</span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
                                    <p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
                                        <a class="dropdown-item preview-item">
                                            <div class="preview-thumbnail">
                                                <div class="preview-icon bg-success">
                                                <i class="mdi mdi-information mx-0"></i>
                                                </div>
                                            </div>
                                            <div class="preview-item-content">
                                                <h6 class="preview-subject font-weight-normal">Application Error</h6>
                                                <p class="font-weight-light small-text mb-0 text-muted">
                                                Just now
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="nav-item dropdown">
                                    <a href="#" class="nav-link count-indicator "><i class="mdi mdi-message-reply-text"></i></a>
                                </li> --}}
                            </ul>
                            <ul class="navbar-nav navbar-nav-right">
                                <li class="nav-item nav-profile dropdown">
                                    <a class="nav-link" href="/login" id="profileDropdown">
                                        <span class="nav-profile-name">Login</span>
                                        {{-- <span class="online-status"></span> --}}
                                        {{-- <img src="../../images/faces/face28.png" alt="profile"/> --}}
                                    </a>
                                    {{-- <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
                                        <a class="dropdown-item">
                                            <i class="mdi mdi-settings text-primary"></i>
                                            Settings
                                        </a>
                                        <a class="dropdown-item">
                                            <i class="mdi mdi-logout text-primary"></i>
                                            Logout
                                        </a>
                                    </div> --}}
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
            
            {{-- @include('layouts.partial.horizontal-menu') --}}
            
            @yield('content')
            <!-- page-body-wrapper ends -->
        </div>
            <!-- container-scroller -->
        <!-- base:js -->
        <script src="{{ asset('vendors/base/vendor.bundle.base.js') }}"></script>
        <!-- endinject -->
        <!-- Plugin js for this page-->
        <!-- End plugin js for this page-->
        <!-- inject:js -->
        {{-- <script src="{{ asset('js/template.js') }}"></script> --}}
        <!-- endinject -->
        <!-- plugin js for this page -->
        <!-- End plugin js for this page -->
        <script src="{{ asset('vendors/chart.js/Chart.min.js') }}"></script>
        <script src="{{ asset('vendors/progressbar.js/progressbar.min.js') }}"></script>
        <script src="{{ asset('vendors/chartjs-plugin-datalabels/chartjs-plugin-datalabels.js') }}"></script>
        <script src="{{ asset('vendors/justgage/raphael-2.1.4.min.js') }}"></script>		
        <script src="{{ asset('vendors/justgage/justgage.js') }}"></script>
        <script src="{{ asset('js/jquery.cookie.js') }}" type="text/javascript"></script>
        <!-- Custom js for this page-->
        {{-- <script src="{{ asset('js/dashboard.js') }}"></script> --}}
        <!-- End custom js for this page-->
		@yield('javascript')
    </body>
</html>