@extends('layouts.base')
@section('title', '自定义菜单')
@section('content')
    <div class="w1200 m0a">
        <!-- 导入CSS样式 -->
        <div class="rightlist">

            <!-- 筛选区域 -->
            <div class="panel panel-info">
                <div class="panel-heading">筛选</div>
                <div class="panel-body">
                    <form action="" method="get" class="form-horizontal" role="form">
                        <input type="hidden" name="c" value="site" />
                        <input type="hidden" name="a" value="entry" />
                        <input type="hidden" name="m" value="yun_shop" />
                        <input type="hidden" name="do" value="QDaf" />
                        <input type="hidden" name="route" value="plugin.designer.admin.menu.index" />
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关键字</label>
                            <div class="col-sm-8 col-lg-9">
                                <input class="form-control" name="keyword" id="" type="text" value="{{ $keyword or '' }}"
                                       placeholder="请输入菜单名称进行搜索">
                            </div>
                            <div class=" col-xs-12 col-sm-2 col-lg-2">
                                <button class="btn btn-success"  ><i class="fa fa-search"></i> 搜索</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- 页面列表 -->
            <div class='panel panel-default'>
                <div class='panel-heading'> 自定义菜单管理 (总数: {{ $menuList->count() }})</div>
                <div class='panel-body'>
                    <table class="table">
                        <thead>
                        <tr>
                            <th style="width:10%; text-align: center;">ID</th>
                            <th style="width:48%">菜单名称</th>
                            <th style="width:14%; text-align: center;">创建时间</th>
                            <th style="width:14%; text-align: center;">是否默认</th>
                            <th style="width:14%; text-align: center;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if($menuList)
                            @foreach($menuList as $list)
                                <tr menuid="{{ $list->id }}">
                                    <td style="width:10%; text-align: center;">{{ $list->id }}</td>
                                    <td>{{ $list->menu_name }}</td>
                                    <td style="width:14%; text-align:  center;">{{ $list->created_at }}</td>
                                    <td style="width:14%; text-align:  center;" data-id="{{ $list->id }}">
                                        @if($list->is_default == 1)
                                            <label class='label label-success' style="cursor: pointer;" title="点击关闭"
                                                   data-do="off"
                                                   onclick="setdefault(this,{{ $list->id }})">已启用</label>
                                        @else
                                            <label class='label label-default' style="cursor: pointer;" title="点击开启"
                                                   data-do="on"
                                                   onclick="setdefault(this,{{ $list->id }})">未启用</label>
                                        @endif
                                    </td>
                                    <td style="width:14%; text-align:  center;">
                                        <a class='btn btn-default'
                                           href="{{ yzWebUrl('plugin.designer.admin.menu.store', array('menu_id' => $list->id)) }}">编辑</a>
                                        <a class='btn btn-default' href="javascript:;" onclick="delmenu({{ $list->id }})">删除</a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td style="text-align: center; line-height: 100px;" colspan="8">亲~您还没有添加自定义菜单哦~您可以尝试 ↙
                                    左下角的
                                    “<a href="{{ yzWebUrl('plugin.designer.admin.menu.store') }}">添加一个新菜单</a>”
                                </td>
                            </tr>
                        @endif
                        <tr>
                            <td colspan="5">
                                <a class='btn btn-success'
                                   href="{{ yzWebUrl('plugin.designer.admin.menu.store') }}"><i class="fa fa-plus"></i> 添加一个新菜单</a>
                                <span>Tips:自定义菜单启用默认后将代替系统默认菜单</span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="5" style="padding:0px; margin: 0px;">{!! $pager !!}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- 预览 start -->
            <div id="modal-module-menus2" class="modal fade" tabindex="-1">
                <div class="modal-dialog" style='width: 413px;'>
                    <div class="fe-phone">
                        <div class="fe-phone-left"></div>
                        <div class="fe-phone-center">
                            <div class="fe-phone-top"></div>
                            <div class="fe-phone-main">
                                <iframe style="border:0px; width:342px; height:600px; padding:0px; margin: 0px;"
                                        src=""></iframe>
                            </div>
                            <div class="fe-phone-bottom" style="overflow:hidden;">
                                <div style="height:52px; width: 52px; border-radius: 52px; margin:20px 0px 0px 159px; cursor: pointer;"
                                     data-dismiss="modal" aria-hidden="true" title="点击关闭"></div>
                            </div>
                        </div>
                        <div class="fe-phone-right"></div>
                    </div>
                </div>
            </div>
            <!-- 预览 end -->
            <script type="text/javascript">
                function preview(menuid) {
                    var url = "{php echo $this->createPluginMobileUrl('designer')}&preview=1&menuid=" + menuid;
                    $('#modal-module-menus2').find("iframe").attr("src", url);
                    popwin = $('#modal-module-menus2').modal();
                }
                function delmenu(id) {
                    if (confirm('此操作不可恢复，确认删除？')) {
                        $.ajax({
                            type: 'POST',
                            url: "{!! yzWebUrl('plugin.designer.admin.menu.destory') !!}",
                            data: {menu_id: id},
                            success: function (data) {
                                if (data == 'success') {
                                    $("tr[menuid=" + id + "]").fadeOut();
                                }
                                else {
                                    alert(data);
                                }
                            },
                            error: function () {
                                alert('操作失败~请刷新页面重试！');
                            }
                        });
                    }
                }
                function setdefault(t, id) {
                    thisdo = $(t).data("do");
                    d = thisdo;
                    $.ajax({
                        type: 'POST',

                        url: "{!! yzWebUrl('plugin.designer.admin.menu.setDefault') !!}",
                        data: {d: d, menu_id: id},
                        success: function (data) {
                            if (data == 'success') {
                                location.reload();
                                return;
                            }
                            alert(data);
                        },
                        error: function () {
                            alert('操作失败~请刷新页面重试！');
                        }
                    });
                }
            </script>
        </div>
    </div>

@endsection