@extends('admin.public.base')

@section('body_class')
class="hold-transition skin-blue sidebar-mini"
@endsection

@section('content')
<div class="wrapper">
    <!--头部开始-->
    <header class="main-header">
        <!--左边标题-->
        <a href="#" class="logo">
            <span class="logo-mini"><b>{{config('app.name')}}</b></span>
            <span class="logo-lg"><b>{{config('app.name')}}系统</b></span>
        </a>
        <!--左边标题结束-->
        <!--右侧导航开始-->
        <nav class="navbar navbar-static-top" role="navigation">
            <!--切换按钮-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" title="切换导航">
                <span class="sr-only">切换导航</span>
            </a>
            <!--切换按钮结束-->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    @if(check_auth('admin/index/refresh'))
                    <li class="dropdown messages-menu">
                        <a class="delete" data-url="{{url('admin/index/refresh')}}" target="right" class="dropdown-toggle" title="刷新缓存">
                            <i class="fa fa-refresh"></i>
                        </a>
                    </li>
                    @endif
                    <li class="dropdown user user-menu">
                        <a href="javascript:;" class="dropdown-toggle">
                            <!-- <img src="/static/Admin/img/user2-160x160.jpg" class="user-image" alt="User Image"> -->
                            <span class="hidden-xs">{{admin('username')}}</span>
                        </a>
                    </li>
                    <li>
                        <a href="{{url('admin/login/out')}}" title="退出登录"><i class="fa fa-sign-out"></i></a>
                    </li>
                </ul>
            </div>
            <!--消息提示结束-->
        </nav>
        <!--右侧导航结束-->
    </header>
    <!--头部结束-->
    <!--左侧导航-->
    <aside class="main-sidebar">
        <!--左侧-->
        <section class="sidebar">
            <!--用户信息-->
            <div class="user-panel">
                <div class="pull-left image">
                    <!--用户头像-->
                    <!-- <img src="/static/Admin/img/user2-160x160.jpg" class="img-circle" alt="User Image"> -->
                     <div style="height: 30px;"></div>
                </div>
                <div class="pull-left info">
                    <!--用户名-->
                    <p>{{admin('username')}}</p>
                </div>
            </div>
            <!--用户信息结束-->
            <!--菜单选项-->
            @foreach ($adminMenu as $value)
            <ul class="sidebar-menu">
                <li class="treeview">
                    @if ( isset($value['children']) )
                    <a href="#">
                        <i class="{{$value['icon']}}"></i> <span>{{$value['title']}}</span>
                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                    </a>
                    <ul class="treeview-menu">
                        @foreach ($value['children'] as $children)
                        <li>
                            <a href="{{url($children['url'])}}" target="right">
                                <i class="{{$children['icon']}}"></i> <span>{{$children['title']}}</span>
                            </a>
                        </li>
                        @endforeach
                    </ul>
                    @else
                    <a href="{{url($value['url'])}}" target="right">
                        <i class="{{$value['icon']}}"></i> <span>{{$value['title']}}</span>
                        <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                    </a>
                    @endif
                </li>
            </ul>
            @endforeach
            <!--菜单选项结束-->
        </section>
        <!--左侧结束-->
    </aside>
    <!--左侧导航结束-->
    <!--内容开始-->
    <div class="content-wrapper">
        <iframe scrolling="auto" rameborder="0" src="{{url('admin/index/welcome')}}" name="right" id="right" width="100%" onload="changeFrameHeight()"></iframe>
    </div>
    <!--内容结束-->
    <!--底部-->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            简约·简单·极致体验
        </div>
        <strong>Copyright &copy; 2024~{{date('Y')}} </strong><a href="#">{{config('app.name')}}系统</a>. All rights reserved.
    </footer>
    <!--底部结束-->
    <div class="control-sidebar-bg"></div>
</div>
<script src="/static/Admin/js/jquery-2.2.3.min.js"></script>
<script src="/static/Admin/js/bootstrap.min.js"></script>
<script src="/static/Admin/js/app.min.js"></script>
<!--真窗口高度-->
<script type="text/javascript">
    
    function changeFrameHeight() {
        var ifm = document.getElementById("right");
        ifm.height = document.documentElement.clientHeight - 100;
    }
    window.onresize = function() {
        changeFrameHeight();
    }


</script>
<!--真窗口高度结束-->
@endsection