@extends('layouts.app')
@section('content')
    <div class="wrapper">
        @if(session('status'))
        <div id="toastsContainerBottomRight" class="toasts-bottom-right fixed p-3 alert-keren">
            <div class="toast bg-primary" role="alert" aria-live="assertive" aria-atomic="true" data-animation="true" data-delay="5000" data-autohide="true">
                <div class="toast-header">
                    <img src="{{asset('images/rock.png')}}" class="rounded mr-2" width="20" alt="...">
                    <strong class="mr-auto">Weiii</strong>
                    <button data-dismiss="toast" type="button" class="ml-2 mb-1 close" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="toast-body">{{session('status')}}</div>
            </div>
        </div>
        @endif

        @if(session('statusContent'))
        <div id="toastsContainerBottomRight" class="toasts-bottom-right fixed p-3 alert-keren">
            <div class="toast bg-success" role="alert" aria-live="assertive" aria-atomic="true" data-animation="true" data-delay="5000" data-autohide="true">
                <div class="toast-header">
                    <img src="{{asset('images/rock.png')}}" class="rounded mr-2" width="20" alt="...">
                    <strong class="mr-auto">Mantap</strong>
                    <button data-dismiss="toast" type="button" class="ml-2 mb-1 close" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="toast-body">{{session('statusContent')}}</div>
            </div>
        </div>
        @endif
        <!-- Navbar -->
        <nav class="main-header navbar navbar-expand navbar-white navbar-light" style="background: none !important; border-bottom: none;">
            <!-- Left navbar links -->
            {{-- <button data-widget="pushmenu" href="#" style="position: absolute; right: 0;"><i class="fab fa-windows mr-1"></i> Menu</button> --}}
            <button class="shadow btn btn-menu btn-sm" data-widget="pushmenu"><i class="fab fa-windows mr-1"></i> Menu</button>
            {{-- <ul class="navbar-nav shadow rounded btn-menu">
                <li class="nav-item">
                    <a class="nav-link text-white" data-widget="pushmenu" href="#"><i class="fas fa-align-left mr-1"></i> Menu</a>
                </li>
            </ul> --}}

            <!-- Right navbar links -->
            <ul class="navbar-nav ml-auto">
                <li class="nav-item btn btn-menu btn-sm shadow">
                    <a href="{{url('en')}}" title="English">EN</a> | <a href="{{url('id')}}" title="Indonesian">ID</a>
                </li>

                @if(Auth::user())
                <li class="nav-item btn btn-logout btn-sm shadow ml-2">
                    <a href="{{route('logout')}}" title="Logout" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"><i class="fas fa-power-off"></i></a>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">@csrf</form>
                </li>
                @endif
                {{-- <li class="nav-item">
                    <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i class="fas fa-cog"></i></a>
                </li> --}}
            </ul>
        </nav>
        <!-- /.navbar -->

        <!-- Main Sidebar Container -->
        <aside class="main-sidebar sidebar-dark-primary elevation-4">
            <!-- Brand Logo -->
            <a href="{{url('/')}}" class="brand-link">
                <img src="{{asset('images/np.png')}}" alt="Ndaru's Project" class="brand-image img-circle elevation-3" style="opacity: .8">
                <span class="brand-text font-weight-light">Ndaru's <b class="font-weight-bold">Project</b></span>
            </a>

            <!-- Sidebar -->
            <div class="sidebar">
                <!-- Sidebar user panel (optional) -->
                <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                    <div class="image mt-2">
                        <img src="{{asset('images/me.jpeg')}}" class="img-circle elevation-2" alt="User Image">
                    </div>
                    <div class="info">
                        <a href="#" class="d-block font-weight-bold">Muhamad Ndaru</a>
                        <span class="badge badge-status">Student</span>
                    </div>
                </div>

                <!-- Sidebar Menu -->
                <nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                        <li class="nav-header font-weight-bold">NAVIGATION</li>
                        <li class="nav-item">
                            <a href="#home" class="side-nav-link nav-link">
                                <i class="nav-icon fas fa-home"></i>
                                <p>Home</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#intro" class="side-nav-link nav-link">
                                <i class="nav-icon fas fa-user"></i>
                                <p>Intro</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#skills" class="side-nav-link nav-link">
                                <i class="nav-icon fas fa-lightbulb"></i>
                                <p>My Skills</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#point" class="side-nav-link nav-link">
                                <i class="nav-icon fas fa-paper-plane"></i>
                                <p>My Experience</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.instagram.com/ndaru.project/" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fas fa-layer-group"></i>
                                <p>My Projects</p>
                            </a>
                        </li>
                        @if(Auth::user())
                        <li class="nav-item">
                            <a href="{{ url('/content') }}" class="side-nav-link nav-link">
                                <i class="nav-icon far fa-edit"></i>
                                <p>Edit Content</p>
                            </a>
                        </li>
                        @endif

                        <li class="nav-header font-weight-bold">SOCIAL MEDIA</li>
                        <li class="nav-item" title="Muhamad Ndaru">
                            <a href="https://www.youtube.com/channel/UCMRIc87hN6PLf2VD0HN4NuQ" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fab fa-youtube"></i>
                                <p>Youtube</p>
                            </a>
                        </li>
                        <li class="nav-item" title="tukangilmu.com">
                            <a href="https://www.tukangilmu.com/" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fab fa-blogger"></i>
                                <p>Blogger</p>
                            </a>
                        </li>
                        <li class="nav-item" title="Muhamad Ndaru">
                            <a href="https://web.facebook.com/Ndaru21" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fab fa-facebook"></i>
                                <p>Facebook</p>
                            </a>
                        </li>
                        <li class="nav-item" title="@ndaru_hestiafin">
                            <a href="https://www.instagram.com/ndaru_hestiafin/" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fab fa-instagram"></i>
                                <p>Instagram</p>
                            </a>
                        </li>
                        <li class="nav-item" title="ndaruhes">
                            <a href="https://github.com/ndaruhes" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fab fa-github"></i>
                                <p>GitHub</p>
                            </a>
                        </li>
                        <li class="nav-item" title="muhamadndaru">
                            <a href="https://www.linkedin.com/in/muhamadndaru/" target="_blank" class="side-nav-link nav-link">
                                <i class="nav-icon fab fa-linkedin-in"></i>
                                <p>LinkedIn</p>
                            </a>
                        </li>
                    </ul>
                </nav>
                <!-- /.sidebar-menu -->
            </div>
            <!-- /.sidebar -->
        </aside>
        <div class="content-wrapper">
            @yield('dashboard_content')
        </div>

        <!-- Control Sidebar -->
        <aside class="control-sidebar control-sidebar-dark">
            <!-- Control sidebar content goes here -->
        </aside>
        <!-- /.control-sidebar -->

        <!-- Main Footer -->
        <footer class="main-footer dashboard-footer">
            <strong>&copy; 2020</strong>
            by <b>Ndaru</b> <i class="fas fa-heart text-danger"></i> | All Right Reserved
            {{-- <div class="float-right d-none d-sm-inline-block">
                <b>Version</b> 1.1
            </div> --}}
        </footer>
    </div>
    <!-- ./wrapper -->
@endsection