<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" href="/favicon.ico" />

    <title>{{ config('app.env', 'DEV') !== "Production" ? '[D]' : ''}}{{ config('app.name', 'VRD') }}</title>

    <link href="/admin/css/style.default.css" rel="stylesheet">
    <link href="/admin/css/jquery.datatables.css" rel="stylesheet">
    <link href="/admin/css/bootstrap-timepicker.min.css" rel="stylesheet"/>
    <link href="/admin/css/bootstrap-fileupload.min.css" rel="stylesheet"/>
    <link href="/admin/css/tablesorter_2.31.3.css" rel="stylesheet"/>
    <link href="/admin/css/layout.css" rel="stylesheet">
    <link href="/admin/css/custom.css" rel="stylesheet">
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>

<body style="overflow-x: scroll;" class="leftpanel-collapsed">

<!-- Preloader -->
@if ($debugMode ?? true)
<div id="preloader">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>
@endif

<section style="padding-top: 50px;{{ $screen_width ?? false ? "min-width:" . $screen_width . "px;" : "" }}">

    @include('layouts.left')

    <div class="mainpanel">
        <div class="headerbar">
            <a class="menutoggle menu-collapsed"> <i class="fa fa-bars"></i></a>
            <div class="main_title">  </div>
            <div class="header-right">
                <ul class="headermenu">
                    <li>
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user icon_gap"></i>
                                {{ Auth::user()->name }}님
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                                <li>
                                    <x-responsive-nav-link :href="route('dashboard')">
                                        <i class="glyphicon glyphicon-user"></i>  {{ __('Profile') }}
                                    </x-responsive-nav-link>
                                </li>
                                <li>
                                    <!-- Authentication -->
                                    <form method="POST" action="{{ route('logout') }}">
                                        @csrf

                                        <x-responsive-nav-link :href="route('logout')"
                                                               onclick="event.preventDefault();
                                        this.closest('form').submit();">
                                            <i class="glyphicon glyphicon-log-out"></i> {{ __('Log Out') }}
                                        </x-responsive-nav-link>
                                    </form>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div><!-- header-right -->

        </div><!-- headerbar -->


        {{ $slot }}


    </div><!-- mainpanel -->

</section>

@include('layouts.footer')


</body>
</html>
