@extends('admin/layout')
@section('header')
    <link href="{{asset('css/plugins/chosen/chosen.css')}}" rel="stylesheet">
    <link href="{{asset('css/plugins/switchery/switchery.css')}}" rel="stylesheet">
    <style>
        .xmxib-titles{
            display: block;
            width: 100%;
            text-align: center;
            background: #1f4e78;
            color: #fff;
            font-size: 24px;
            padding: 20px 0;
        }
        .lists-titles{
            display: block;
            width: 100%;
            text-align: center;
            background: #2f75b5;
             color: #fff;
            font-size: 18px;
            padding: 10px 0;
        }
        .ibox-content{
            padding: 30px 40px;
            background-color: #fff;
            color: inherit;
            border-color: #e7eaec;
            -webkit-border-image: none;
            -o-border-image: none;
            border-image: none;
            border-style: solid solid none;
            border-width: 1px 0;
        }
        .richtext table{
            width: 100%;
        }
        .richtext table tr td {
            padding: 8px 10px;
            border: solid 1px #ddd;
            word-break: normal;
            font-size: 14px;
            text-align: center;
        }
        .richtext table tr td .spans{
                width: 100%;
                font-size: 14px;
                max-width: 75%;
                display: block;
                margin: auto;
                color: #666;
        }
        .imgs{
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .bgs{
            background: #bdd7ee;
        }
        .tr-bgs{
            background: #92d050;
        }
    </style>
@endsection
@section('content')
    <body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content richtext">         
                            <div class="lists-titles">企业网站导航条栏目参考 (仅供参考,请贵公司根据自身情况确定导航条栏目 )</div>
                            <table cellspacing="10px">
                                <tr>
                                    <td colspan="8">
                                        <div class="spans" >
                                            注意: 根据SEO网站架构的要求,引擎力建议:导航控制在2-7个,每个导航下面的内容尽量平均,如超过7个导航的内容,可以考虑作为顶部导航和底部导航 
                                            <br />
                                            (*顶部导航:一般出现在网站首页右上角,常为Downlaod, Feedback,Contact之类; *底部导航:可放置重点突出的产品,以及主导航没有体现的重要内容)
                                            <img src="{{asset('img/imgs-01.jpg')}}" class="imgs" alt="" />
                                        </div>
                                    </td>
                                </tr>
                                 <tr class="bgs">
                                    <td>
                                        主导航
                                    </td>
                                    <td>
                                       Products
                                    </td>
                                    <td>
                                        Company
                                    </td>
                                    <td>
                                        Services
                                    </td>
                                    <td>
                                        Solutions 
                                    </td>
                                    <td>
                                        Resources
                                    </td>
                                    <td>
                                        News
                                    </td>
                                    <td>
                                        Contact Us
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="8">
                                        子导航
                                    </td>
                                    <td>
                                       请参考下方“产品目录”
                                    </td>
                                    <td>
                                        Company profile <br />
                                        公司简介
                                    </td>
                                    <td>
                                        Technical help <br />
                                        技术支持
                                    </td>
                                    <td>
                                        Application 
                                        <br />
                                        应用
                                    </td>
                                    <td>
                                        Technique support <br />
                                        技术文献
                                    </td>
                                    <td>
                                        Company news <br />
                                        公司新闻
                                    </td>
                                    <td>
                                        Find Us <br />
                                        联系信息
                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                    </td>
                                    <td>
                                        Company Culture <br />
                                        公司文化
                                    </td>
                                    <td>
                                        After-sale Service <br />
                                        售后服务
                                    </td>
                                    <td>
                                        Cases<br />
                                        案例
                                    </td>
                                    <td>
                                        Document download <br />
                                        文档下载
                                    </td>
                                    <td>
                                        Industry news <br />
                                        行业新闻
                                    </td>
                                    <td>
                                        Join Us <br />
                                        公司招聘中心
                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                    </td>
                                    <td>
                                        Honor
                                        Certificates <br />
                                        公司荣誉、证书
                                    </td>
                                    <td>
                                        Return policy  <br />
                                        退货指南
                                    </td>
                                    <td>
                                        Installation <br />
                                        安装流程
                                    </td>
                                    <td>
                                        FAQ  <br />
                                        常见问题
                                    </td>
                                    <td>
                                        Exhibitions & Events<br />
                                        展会大事件
                                    </td>
                                    <td>
                                        Sales Office<br />
                                        销售渠道
                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                    </td>
                                    <td>
                                        Factory show<br />
                                        工厂展示
                                    </td>
                                    <td>
                                        Warranty Policy  <br />
                                        保修政策
                                    </td>
                                    <td>
                                        Customers <br />
                                        客户
                                    </td>
                                    <td>
                                        Video<br />
                                        视频:公司,生产,操作等
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        Quality control <br />
                                        质量监控
                                    </td>
                                    <td>
                                        Shipping Info <br />
                                        运输信息
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        Company Structure <br />
                                        公司结构
                                    </td>
                                    <td>
                                        Research & Development<br />
                                        研发
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        Our History<br />
                                        发展历程
                                    </td>
                                    <td>
                                        Testimonials <br />
                                        客户评价
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        Social Responsibility<br />
                                        社会责任
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>
                                        其他
                                    </td>
                                    <td>
                                       Links<br />
                                        友情链接
                                    </td>
                                    <td class="tr-bgs">
                                        Privacy policy (必选)<br />
                                        隐私权政策
                                    </td>
                                    <td>
                                        Terms and Conditions
                                        Legal Information <br />
                                        合同条款/法律条文
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
@endsection

@section('footer')
    <script src="{{asset('js/plugins/chosen/chosen.jquery.js')}}"></script>
    <script src="{{asset('js/plugins/switchery/switchery.js')}}"></script>
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script>
        $(document).on('click', '#cancel', function () {
            tips.closeParentLayer();
        });

        var config = {".chosen-select": {}};
        for (var selector in config) $(selector).chosen(config[selector]);

        var jsSwitch = document.querySelector(".js-switch");
        new Switchery(jsSwitch, {color: "#1AB394", size: 'small'});

        $(document).on('click', '#save', function () {

            var id = $(this).data('id');
            var url = '/system/user';
            var type = 'post';
            if (id > 0) { //编辑
                url += '/' + id;
                type = 'put';
            }
            var data = tips.getFormValues('#form');
            data.status = jsSwitch.checked ? 1 : 0;
            var ajaxConfig = {
                url: url,
                type: type,
                data: data,
                success: function (result) {
                    layer.msg(result.message, {icon: 6, time: 3000}, function () {
                        tips.closeParentLayer();
                        window.parent.tips.tableRefresh('#table');
                    });
                }
            };
            tips.ajax(ajaxConfig);
        });


        laydate.render({
            elem: '#order_at', //指定元素
            type: 'datetime'
        });
    </script>
@endsection