@extends('layouts.app')

@section('body')
    <div class="main-wrapper">
        <div class="horizontal-menu">
            <nav class="navbar top-navbar">
                <div class="container">
                    <div class="navbar-content">
                        <a href="{{ route('/') }}" class="navbar-brand">
                            <img src="{{ asset('images/logo.png') }}" alt="" class="img-fluid" style="height:40px;">
                        </a>
                        <ul class="navbar-nav">
                            @include('layouts._modul')
                            <li class="nav-item dropdown nav-profile">
                                <a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button" data-toggle="dropdown">
                                    <img src="{{ asset('images/user.png') }}" alt="profile">
                                </a>
                                <div class="dropdown-menu" aria-labelledby="profileDropdown">
                                    <div class="dropdown-header d-flex flex-column align-items-center">
                                        <div class="info text-center">
                                            <p class="name font-weight-bold mb-0">{{ auth()->user()->nama ?? '' }}</p>
                                            <p class="email text-muted mb-3">{{ auth()->user()->user_level->nama ?? '' }}</p>
                                        </div>
                                    </div>
                                    <div class="dropdown-body">
                                        <ul class="profile-nav p-0 pt-3">
                                            <li class="nav-item">
                                                <a href="{{ route('admin.edit_password') }}" class="nav-link">
                                                    <i data-feather="edit"></i>
                                                    <span>Ubah Profile</span>
                                                </a>
                                            </li>
                                            <li class="nav-item">
                                                <form action="{{ route('logout') }}" method="post" id="form_logout">
                                                    @csrf
                                                </form>
                                                <a href="javascript:void(0)" onclick="document.getElementById('form_logout').submit()" class="nav-link">
                                                    <i data-feather="log-out"></i>
                                                    <span>Keluar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="horizontal-menu-toggle">
                            <i data-feather="menu"></i>
                        </button>
                    </div>
                </div>
            </nav>
            @include('layouts._navbar')
        </div>
        <div class="page-wrapper">
            <div class="page-content">
                @yield('content')
            </div>
            <footer class="footer d-flex flex-column flex-md-row align-items-center justify-content-between">
                <p class="text-muted text-center text-md-left">
                    Copyright © {{ date('Y') }} <a href="#" target="_blank">Dinas Koperasi dan Usaha Mikro Kabupaten Jombang</a>. All rights reserved
                </p>
            </footer>
        </div>
    </div>
@endsection