@extends('admin/layout')
@section('header_extend')
    <style>
        .btn-info {
            padding: 0 10px !important;
            line-height: 25px !important;
            border: none !important;
            margin: 0 !important;
        }

        .float-e-margins .btn {

        }

        .singles-boxs .lis-boxs {
            display: block;
            width: 100%;
            background: #fff;
            border-radius: 6px;
            overflow: hidden;
        }

        .singles-boxs .titles-boxs {
            display: block;
            width: 100%;
            background: #009688;
            padding: 0 9%;
        }

        .singles-boxs .titles-boxs img {
            margin-right: 8px;
        }

        .singles-boxs .titles-a {
            display: block;
            width: 100%;
            position: relative;
        }

        .singles-boxs .times {
            display: block;
            line-height: 22px;
            background: #fff;
            padding: 0 8px;
            border-radius: 4px;
            position: absolute;
            right: 0;
            top: 10px;
        }
    </style>
@endsection
@section('content')
    <style>
        .singles-boxs {
            font-family: 微软雅黑;
        }

        .singles-boxs * {
            font-family: 微软雅黑;
        }

        .singles-boxs .lis-boxs {
            display: block;
            width: 100%;
            background: #fff;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 25px;
        }

        .singles-boxs .titles-boxs {
            display: block;
            width: 100%;
            background: #009688;
            padding: 0 9%;
        }

        .singles-boxs .titles-boxs img {
            margin-right: 6px;
        }

        .singles-boxs .titles-a {
            display: block;
            width: 100%;
            position: relative;
            color: #fff;
            font-size: 14px;
            line-height: 24px;
            padding: 10px 0;
            white-space: nowrap;
        }

        .singles-boxs .lis-boxs.active {
            background: none;
        }

        .singles-boxs .lis-boxs.active .titles-boxs {
            padding: 15px 8%;
            border-radius: 6px;
        }

        .singles-boxs .lis-boxs .titles-boxs .span {
            font-size: 20px;
            color: #fff;
            line-height: 24px;
            position: absolute;
            right: 18px;
            top: 10px;
        }

        .singles-boxs .lis-boxs.active .titles-boxs + .titles-boxs {
            margin-top: 5px;
        }

        .singles-boxs .boxs {
            padding: 0px 0px 12px;
            overflow: hidden;
        }

        .singles-boxs .times {
            display: block;
            line-height: 22px;
            background: #fff;
            padding: 0 8px;
            border-radius: 4px;
            position: absolute;
            right: 0;
            top: 10px;
            color: #2a94e0;
            font-size: 14px;
        }

        .singles-boxs .times.ons {
            font-size: 12px;
            padding: 0 4px;
        }

        .singles-boxs .numbers {
            font-size: 20px;
            line-height: 34px;
            text-align: center;
            color: #2a93e0;
            margin-top: 8px;
        }

        .singles-boxs .numbers .n-span {
            display: inline-block;
            font-size: 12px;
            color: #2a93e0;
            line-height: 16px;
            vertical-align: top;
            margin-top: 11px;
            margin-left: -7px;
        }

        .singles-boxs .lists {
            display: block;
            width: 100%;
            padding: 0 15%;
            overflow: hidden;
        }

        .singles-boxs .lists.active {
            margin-top: 8px;
            padding: 3px 15%;
        }

        .singles-boxs .lists.active .lists-lefts {
            color: #2a93e0;
        }

        .singles-boxs .lists.active .lists-rights {
            color: #2a93e0;
            background: none;
        }

        .singles-boxs .lists-lefts {
            float: left;
            font-size: 14px;
            color: #646464;
            line-height: 28px;
        }

        .singles-boxs .lists-rights {
            float: right;
            font-size: 14px;
            color: #f21919;
            line-height: 28px;
        }

        .singles-boxs .lists-rights span:nth-child(2) {
            padding-left: 15px;
            background: url(/img/kzt-top-img.png) no-repeat 5px 5px;
        }

        .singles-boxs .lists-rights.ons {
            color: #00b91a;
        }

        .singles-boxs .lists-rights.ons span:nth-child(2) {
            padding-left: 15px;
            background: url(/img/kzt-down-img.png) no-repeat 5px 5px;
        }

        .singles-boxs .lists-rights.onss {
            background: none;
        }

        @media (max-width: 1680px) {
            .singles-boxs .col-sm-2 {
                width: 25%;
            }
        }

        @media (max-width: 1024px) {
            .singles-boxs .col-sm-2 {
                width: 33.3333%;
            }
        }

        @media (max-width: 768px) {
            .singles-boxs .col-sm-2 {
                width: 50%;
                float: left;
            }
        }

        @media (max-width: 640px) {
            .singles-boxs .col-sm-2 {
                width: 100%;
            }
        }
    </style>
    <body class="gray-bg">
    @php
        $last1M=date('n',strtotime('first day of -1 month'));
        $last2M=date('n',strtotime('first day of -2 month'));
        $last3M=date('n',strtotime('first day of -3 month'));
    @endphp
    <div class="wrapper wrapper-content">
        <div class="singles-boxs">
            <div class="row">
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-01.png" alt="">
                                浏览量
                                <span class="times">
                                    总数 : {{$pvUvData['pvTotal']}}
                                </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="lists active fix">
                                <div class="lists-lefts">
                                    {{$last1M}}月浏览量
                                </div>
                                <div class="lists-rights">
                                    {{$pvUvData['pv']['last1']}}
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div class="lists-rights @if($pvUvData['pv']['last2']['status']=="down") ons @endif">
                                    <span>{{$pvUvData['pv']['last2']['val']}}</span>
                                    <span>{{$pvUvData['pv']['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div class="lists-rights @if($pvUvData['pv']['last3']['status']=="down") ons @endif">
                                    <span>{{$pvUvData['pv']['last3']['val']}}</span>
                                    <span>{{$pvUvData['pv']['last3']['diff']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-02.png" alt="">
                                访客数
                                <span class="times">
                                        总数 : {{$pvUvData['uvTotal']}}
                                    </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="lists active fix">
                                <div class="lists-lefts">
                                    {{$last1M}}月访客量
                                </div>
                                <div class="lists-rights">
                                    {{$pvUvData['uv']['last1']}}
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div class="lists-rights @if($pvUvData['uv']['last2']['status']=="down") ons @endif">
                                    <span>{{$pvUvData['uv']['last2']['val']}}</span>
                                    <span>{{$pvUvData['uv']['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div class="lists-rights @if($pvUvData['uv']['last3']['status']=="down") ons @endif">
                                    <span>{{$pvUvData['uv']['last3']['val']}}</span>
                                    <span>{{$pvUvData['uv']['last3']['diff']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-01.png" alt="">
                                曝光量
                                <span class="times">
                                   总数 : {{$webmasterEffectImpressionsTotal}}
                                </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="lists active fix">
                                <div class="lists-lefts">
                                    {{$last1M}}月曝光量
                                </div>
                                <div class="lists-rights">
                                    {{$webmasterEffect['last1']}}
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div class="lists-rights @if($webmasterEffect['last2']['status']=="down") ons @endif">
                                    <span>{{$webmasterEffect['last2']['val']}}</span>
                                    <span>{{$webmasterEffect['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div class="lists-rights @if($webmasterEffect['last3']['status']=="down") ons @endif">
                                    <span>{{$webmasterEffect['last3']['val']}}</span>
                                    <span>{{$webmasterEffect['last3']['val']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-04.png" alt="">
                                首页关键词数
                                <span class="times">
                                        {{--{{$last1M}}月--}}前10名
                                    </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{$topKeywordData['top10']['last1']}}
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div
                                    class="lists-rights @if($topKeywordData['top10']['last2']['status']=="down") ons @endif">
                                    <span>{{$topKeywordData['top10']['last2']['val']}}</span>
                                    <span>{{$topKeywordData['top10']['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div
                                    class="lists-rights @if($topKeywordData['top10']['last3']['status']=="down") ons @endif">
                                    <span>{{$topKeywordData['top10']['last3']['val']}}</span>
                                    <span>{{$topKeywordData['top10']['last3']['val']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-05.png" alt="">
                                前3页关键词数
                                <span class="times">
                                        {{--{{$last1M}}月--}}前30名
                                    </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{$topKeywordData['top30']['last1']}}
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div
                                    class="lists-rights @if($topKeywordData['top30']['last2']['status']=="down") ons @endif">
                                    <span>{{$topKeywordData['top30']['last2']['val']}}</span>
                                    <span>{{$topKeywordData['top30']['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div
                                    class="lists-rights @if($topKeywordData['top30']['last3']['status']=="down") ons @endif">
                                    <span>{{$topKeywordData['top30']['last3']['val']}}</span>
                                    <span>{{$topKeywordData['top30']['last3']['diff']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-06.png" alt="">
                                前10页关键词数
                                <span class="times">
                                        {{--{{$last1M}}月--}}前100名
                                    </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{$topKeywordData['top50']['last1']}}
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div
                                    class="lists-rights @if($topKeywordData['top50']['last2']['status']=="down") ons @endif">
                                    <span>{{$topKeywordData['top50']['last2']['val']}}</span>
                                    <span>{{$topKeywordData['top50']['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div
                                    class="lists-rights @if($topKeywordData['top50']['last3']['status']=="down") ons @endif">
                                    <span>{{$topKeywordData['top50']['last3']['val']}}</span>
                                    <span>{{$topKeywordData['top50']['last3']['diff']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-07.png" alt="">
                                询盘数
                                <span class="times">
                                    总数 : {{$inquireTotalData}}
                                </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="lists active fix">
                                <div class="lists-lefts">
                                    {{$last1M}}月询盘数
                                </div>
                                <div class="lists-rights">
                                    {{$inquireData['last1']}}
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div class="lists-rights @if($inquireData['last2']['status']=="down") ons @endif">
                                    <span>{{$inquireData['last2']['val']}}</span>
                                    <span>{{$inquireData['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div class="lists-rights @if($inquireData['last3']['status']=="down") ons @endif">
                                    <span>{{$inquireData['last3']['val']}}</span>
                                    <span>{{$inquireData['last3']['diff']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-08.png" alt="">
                                网页数
                                <span class="times">
                                        {{$last1M}}月
                                    </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{$pageCountData['last1']}}
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last2M}}月同期
                                </div>
                                <div class="lists-rights @if($pageCountData['last2']['status']=="down") ons @endif">
                                    <span>{{$pageCountData['last2']['val']}}</span>
                                    <span>{{$pageCountData['last2']['diff']}}</span>
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    较{{$last3M}}月同期
                                </div>
                                <div class="lists-rights @if($pageCountData['last3']['status']=="down") ons @endif">
                                    <span>{{$pageCountData['last3']['val']}}</span>
                                    <span>{{$pageCountData['last3']['diff']}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-09.png" alt="">
                                关键词达标率
                                <span class="times ons">
                                       {{--{{$last1M}}月--}}
                                    合同数 : {{$topKeywordRate['goal']}}
                                    </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{@bcdiv($topKeywordRate['last1Reach'],$topKeywordRate['goal'],2)*100}}%
                                <span class="n-span">
                                    （实际数 : {{$topKeywordRate['last1Reach']}}）
                                </span>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    {{$last2M}}月同期达标率
                                </div>
                                <div class="lists-rights onss">
                                    {{@bcdiv($topKeywordRate['last2Reach'],$topKeywordRate['goal'],2)*100}}%
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    {{$last3M}}月同期达标率
                                </div>
                                <div class="lists-rights onss">
                                    {{@bcdiv($topKeywordRate['last3Reach'],$topKeywordRate['goal'],2)*100}}%
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-10.png" alt="">
                                文章达标率
                                <span class="times ons">
                                            {{--{{$last1M}}月--}}
                                    合同数 : {{$articleRate['goal']}}
                                        </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{@bcdiv($articleRate['last1Reach'],$articleRate['goal'],2)*100}}%
                                <span class="n-span">
                                    （实际数 : {{$articleRate['last1Reach']}}）
                                </span>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    {{$last2M}}月同期达标率
                                </div>
                                <div class="lists-rights onss">
                                    {{@bcdiv($articleRate['last2Reach'],$articleRate['goal'],2)*100}}%
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    {{$last3M}}月同期达标率
                                </div>
                                <div class="lists-rights onss">
                                    {{@bcdiv($articleRate['last3Reach'],$articleRate['goal'],2)*100}}%
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-11.png" alt="">
                                外链达标率
                                <span class="times ons">
                                    合同数 : {{$linkRate['goal']}}
                                        </span>
                            </div>
                        </div>
                        <div class="boxs fix">
                            <div class="numbers">
                                {{@bcdiv($linkRate['last1Reach'],$linkRate['goal'],2)*100}}%
                                <span class="n-span">
                                    （实际数 : {{$linkRate['last1Reach']}}）
                                </span>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    {{$last2M}}月同期达标率
                                </div>
                                <div class="lists-rights onss">
                                    {{@bcdiv($linkRate['last2Reach'],$linkRate['goal'],2)*100}}%
                                </div>
                            </div>
                            <div class="lists fix">
                                <div class="lists-lefts">
                                    {{$last3M}}月同期达标率
                                </div>
                                <div class="lists-rights onss">
                                    {{@bcdiv($linkRate['last3Reach'],$linkRate['goal'],2)*100}}%
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="lis-boxs active">
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-12.png" alt="">
                                总达标天数 <span class="span">{{$reachDaysData}}</span>
                            </div>
                        </div>
                        <div class="titles-boxs">
                            <div class="titles-a">
                                <img src="/img/kzt-img-13.png" alt="">
                                引擎力-培养走向世界的企业
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-style: none">
                        <a class="label label-info pull-right" onclick="units.clearCache()">清除缓存</a>
                        <h5>项目概况</h5>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                            <tr>
                                <th>公司名称</th>
                                <th>域名</th>
                                <th>合同时间</th>
                                <th>合作项目</th>
                                <th style="text-align: center">关键词首页排名</th>
                                <th style="text-align: center">文章数</th>
                                <th style="text-align: center">外链数</th>
                                <th>到期时间</th>
                                <th>引擎力顾问</th>
                            </tr>
                            </thead>
                            <tbody>


                            <tr>
                                <td>
                                    <span class="label label-warning">{{$site->cn_title}}</span>
                                </td>
                                <td>{{$site->domain}}</td>
                                <td><i class="fa fa-clock-o"></i> {{$site->order_at}}</td>
                                <td>{{$site->contractsTitle}}</td>
                                <td style="text-align: center">
                                    {{$site->topKeywords->top10??'未获取'}}
                                    {{--<small class="label label-default block">--}}
                                    {{--首页：{{$site->topKeywords->top10??'未获取'}}</small>--}}

                                    {{--<small class="label label-default block" style="margin: 2px 0;">--}}
                                    {{--前三页：{{$site->topKeywords->top30??'未获取'}}</small>--}}

                                    {{--<small class="label label-default block">--}}
                                    {{--前十页：{{$site->topKeywords->top100??'未获取'}}</small>--}}
                                </td>
                                <td style="text-align: center">{{$site->articles_count}}</td>
                                <td style="text-align: center">{{$site->linkDetailsCount??0}}</td>
                                <td>
                                    @if($site->expired_time)
                                        <i class="fa fa-clock-o"></i> {{date('Y-m-d H:i:s',$site->expired_time)}}<br>

                                        @if(time()>strtotime('-2 month',$site->expired_time))
                                            <a onclick="units.renewal()" class="label label-primary">立即续费</a>
                                            <a onclick="units.contactService()" class="label label-info">联系客服</a>
                                        @endif
                                    @endif

                                </td>
                                <th>
                                    @foreach($site->managesInfo as $info)
                                        <small class="label label-default" style="display: block">
                                            {{$info->nickname}}
                                        </small>
                                        @if(!empty($info->telephone))
                                            <small class="label label-default" style="display: block;margin-top: 5px">
                                                {{$info->telephone}}
                                            </small>
                                        @endif
                                    @endforeach
                                </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">

            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-style: none">
                        <h5>我的文章列表</h5>
                        <a href="javascript:;" style="float: right"
                           onclick="tips.page('/admin/articles', '软文管理');">更多</a>

                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>标题</th>
                                <th>发布时间</th>
                            </tr>
                            </thead>
                            <tbody>

                            @foreach($myArticles as $inx => $article)
                                <tr>
                                    <td>{{$inx+1}}</td>
                                    <td>{{$article->title}}</td>
                                    <td><i class="fa fa-clock-o"></i> {{$article->publish_at}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


        </div>


        <div class="row">
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-style: none">
                        <h5>流量趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div id="trafficLine" style="width: 100%;height: 300px;"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">

                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-style: none">
                        <h5>询盘趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div id="inquireLine" style="width: 100%;height: 300px;"></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-style: none">
                        <h5>关键词趋势图</h5>
                    </div>
                    <div class="ibox-content">
                        <div id="keywordLine" style="width: 100%;height: 300px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="border-style: none">
                        <h5>引擎力产品推荐</h5>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover margin bottom">
                            <thead>
                            <tr>
                                <th class="" style="text-align: left;">产品名称</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($products as $product)
                                <tr>
                                    <td class="" style="width: 25%;text-align: left;"><a href="{{$product->href}}"
                                                                                         class="btn btn-info btn-sm"
                                                                                         style="padding: 0 10px !important;line-height: 25px !important;border: none !important;"
                                                                                         target="_blank">{{$product->title}}</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-sm-6" >
                <div class="ibox float-e-margins" >
                    <div class="ibox-title" style="border-style: none">
                        <h5>引擎力学堂</h5>
                    </div>
                    <div class="ibox-content" style="min-height: 230px;">
                        <table class="table table-hover no-margins">
                            <thead>
                            <tr>
                                <th>类型</th>
                                <th>文件名</th>
                                <th>描述</th>
                                <th>创建时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($assets as $asset)
                                <tr>
                                    <td><span class="label label-warning">{{$asset->assetType->title??''}}</span>
                                    </td>
                                    <td>
                                        <a href="{{asset('admin/tool/download?file_url='.$asset->file_url)}}"
                                           target="_blank">{{$asset->original_name}}</a>
                                    </td>
                                    <td>{{$asset->describe}}</td>
                                    <td><i class="fa fa-clock-o"></i> {{$asset->created_at}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <form class="form-horizontal">
                            <p style="padding: 15px; margin-bottom: 20px;border-bottom: 1px solid #e5e6e7;">投诉表单</p>

                            <div class="form-group">
                                <label class="col-sm-1 control-label" for="faq">常见问题：</label>
                                <div class="col-sm-10">
                                    <select name="faq" id="faq" class="form-control">
                                        <option value="网站建设">网站建设</option>
                                        <option value="谷歌优化">谷歌优化</option>
                                        <option value="谷歌竞价">谷歌竞价</option>
                                        <option value="反应不及时">反应不及时</option>
                                        <option value="其他">其他</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" for="content">投诉内容：</label>

                                <div class="col-sm-10">
                                    <textarea name="content" id="content" cols="30" rows="10"
                                              class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-1 col-sm-8">
                                    <button class="btn btn-sm btn-info"
                                            style="padding: 0 22px !important;line-height: 25px !important;border: none !important;background: #2a93e0;"
                                            type="button" onclick="units.feedback()">提交
                                    </button>
                                    <span style="margin-left: 5px;color: #2a93e0; font-weight: bold;font-size: 14px;">客服联系方式：0571-86262059</span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>


    </div>

    </div>


    <div id="renewal-text" style="display: none">
        <div class="ibox-content">
            <form class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-3 control-label">开户名称：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" value="浙江引擎力营销策划有限公司">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">开 户 行：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" value="中国银行杭州紫金港支行">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">开户账户：</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" value="3597 7102 8231">
                    </div>
                </div>
            </form>
        </div>

    </div>

    <div id="contact-service-text" style="display: none">
        <div class="ibox-content">
            <form class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-3 control-label">客服信息：</label>
                    <div class="col-sm-8">
                        @foreach($serverUsers as $user)
                            <label class="form-control">{{$user->nickname}}-{{$user->phone}}</label>
                        @endforeach
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">选择服务：</label>
                    <div class="col-sm-8">
                        <select class="form-control" name="service_type">
                            <option value="">请选择</option>
                            @foreach(\App\Http\Models\ServiceFeedback::TYPES_MAP as $key=>$val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">备注：</label>

                    <div class="col-sm-8">
                        <textarea rows="4" class="form-control" placeholder="备注内容" name="remark"></textarea>
                    </div>
                </div>
            </form>
        </div>
    </div>

    </body>
@endsection

@section('footer')
    <script src="{{asset('js/plugins/echarts/echarts.min.js')}}"></script>
    <script src="{{asset('js/plugins/wonderland/wonderland.js')}}"></script>
    <script>

        var units = {
            feedback: function () {
                tips.ajax({
                    type: 'post',
                    url: '/admin/meter/single/feedback?siteId={{$site->id}}',
                    data: {content: $("#content").val(), faq: $("#faq").val()},
                    success: function (result) {
                        layer.msg(result.message, {icon: 6, time: 1000}, function () {

                        });
                    }
                });
            },
            renewal: function () {
                layer.open({
                    type: 1,
                    content: $("#renewal-text"),
                    title: '立即续费',
                    area: ['45%', '45%']
                });
            },
            contactService() {
                layer.open({
                    type: 1,
                    content: $("#contact-service-text"),
                    title: '联系客服',
                    area: ['45%', '45%'],
                    btn: ['确认', '取消'],
                    yes: function (index, layero) {
                        var data = {
                            service_type: $(layero).find("[name=service_type]").val(),
                            remark: $(layero).find("[name=remark]").val(),
                            site_id: "{{$site->id}}"
                        };
                        var ajaxConfig = {
                            url: '/admin/meter/service-feedback',
                            type: 'post',
                            data: data,
                            success: function (result) {
                                layer.msg('已收到您的反馈，引擎力客服会尽快与您联系', {icon: 6, time: 2000}, function () {
                                    layer.close(index);
                                });
                            }
                        };
                        tips.ajax(ajaxConfig);
                    }
                });
            },
            clearCache: function () {
                tips.ajax({
                    url: '/admin/meter/forget-cache?which=single&siteId={{$site->id}}',
                    success: function (result) {
                        layer.msg(result.message, {icon: 6, time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                });
            }
        };

        $(document).ready(function () {
            // 流量折线图
            var trafficLineChart = echarts.init(document.getElementById('trafficLine'),'wonderland');
            var trafficLineXAxis = JSON.parse('{!! json_encode($trafficLine['xAxis']) !!}');
            var trafficLineYAix = JSON.parse('{!! json_encode($trafficLine['yAxis']) !!}');
            var trafficLineOption = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },
                toolbox: {
                    feature: {
                        dataView: {show: true, readOnly: false},
                        magicType: {show: true, type: ['bar', 'pie']},
                        restore: {show: true},
                        saveAsImage: {show: true}
                    }
                },
                legend: {
                    data: ['流量']
                },
                xAxis: [
                    {
                        type: 'category',
                        data: trafficLineXAxis,
                        axisPointer: {
                            type: 'shadow'
                        },
                        splitLine: {
                            show: false
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        name: '',
                        min: 0,
                        axisLabel: {
                            formatter: '{value}'
                        },
                        axisLine: {
                            show: false //隐藏Y轴
                        }
                    }
                ],
                series: [
                    {
                        name: '流量',
                        type: 'line',
                        data: trafficLineYAix
                    }
                ]
            };
            trafficLineChart.setOption(trafficLineOption);

            // 询盘折线图
            var inquireLineChart = echarts.init(document.getElementById('inquireLine'),'wonderland');
            var inquireLineXAxis = JSON.parse('{!! json_encode($inquireLine['xAxis']) !!}');
            var inquireLineYAix = JSON.parse('{!! json_encode($inquireLine['yAxis']) !!}');
            var inquireLineOption = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },
                toolbox: {
                    feature: {
                        dataView: {show: true, readOnly: false},
                        magicType: {show: true, type: ['bar', 'pie']},
                        restore: {show: true},
                        saveAsImage: {show: true}
                    }
                },
                legend: {
                    data: ['询盘']
                },
                xAxis: [
                    {
                        type: 'category',
                        data: inquireLineXAxis,
                        axisPointer: {
                            type: 'shadow'
                        },
                        splitLine: {
                            show: false
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        name: '',
                        min: 0,
                        axisLabel: {
                            formatter: '{value}'
                        },
                        axisLine: {
                            show: false //隐藏Y轴
                        }
                    }
                ],
                series: [
                    {
                        name: '询盘',
                        type: 'line',
                        data: inquireLineYAix
                    }
                ]
            };
            inquireLineChart.setOption(inquireLineOption);

            var keywordLineChart = echarts.init(document.getElementById('keywordLine'),'wonderland');
            var keywordLineXAxis = JSON.parse('{!! json_encode($keywordLine['xAxis']) !!}');
            var keywordLineYAix = JSON.parse('{!! json_encode($keywordLine['yAxis']) !!}');
            var keywordLineOption = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        crossStyle: {
                            color: '#999'
                        }
                    }
                },
                toolbox: {
                    feature: {
                        dataView: {show: true, readOnly: false},
                        magicType: {show: true, type: ['bar', 'pie']},
                        restore: {show: true},
                        saveAsImage: {show: true}
                    }
                },
                legend: {
                    data: ['关键词']
                },
                xAxis: [
                    {
                        type: 'category',
                        data: keywordLineXAxis,
                        axisPointer: {
                            type: 'shadow'
                        },
                        splitLine: {
                            show: false
                        }
                    }
                ],
                yAxis: [
                    {
                        type: 'value',
                        name: '',
                        min: 0,
                        axisLabel: {
                            formatter: '{value}'
                        },
                        axisLine: {
                            show: false //隐藏Y轴
                        }
                    }
                ],
                series: [
                    {
                        name: '关键词',
                        type: 'line',
                        data: keywordLineYAix
                    }
                ]
            };
            keywordLineChart.setOption(keywordLineOption);

        });




    </script>
@endsection