@extends('admin/layout')
@section('header')

@endsection
<style type="text/css">
    table.tftable {
        font-size: 12px;
        color: #333333;
        width: 100%;
        border-width: 1px;
        border-color: #9dcc7a;
        border-collapse: collapse;
    }

    table.tftable th {
        font-size: 12px;
        background-color: #abd28e;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #9dcc7a;
        text-align: left;
    }

    table.tftable tr {
        background-color: #ffffff;
    }

    table.tftable td {
        font-size: 12px;
        border-width: 1px;
        padding: 20px 10px;
        border-style: solid;
        border-color: #9dcc7a;
    }

    .fenish {
        background: #1D976C;
        color: #fff;
    }

    .blue {
        background: #6DD5FA;
        color: #fff;
    }

    #tfhover tbody tr td:nth-child(2) {
        position: relative;
        padding-left: 35px;
    }

    .fa {
        position: absolute;
        left: 10px;
        top: 0;
        color: #ddd;
        transform: translateY(-50%);
        top: 50%;
        font-size: 18px !important;
        cursor: pointer;
    }

    .first-numb {
        color: palevioletred;
    }
</style>

<div style="margin-left: 10px">

    <form action="{{url('/admin/flow/designScore')}}" method="post" id="form1">
        <div style="display: flex;padding: 10px 0;">
            <input type="text" placeholder="请输入域名或项目名称" class="input-md form-control" name="keyword" id="keyword"
                   style="width: 260px;" value="{{$request['keyword']??''}}">
            <select data-placeholder="请选择项目经理..." style="width:200px;" name="projectManagerId" id="projectManagerId"
                    class="form-control">
                <option value="">请选择项目经理</option>
                @foreach ($projectManager as $key => $value)
                    <option value="{{$key}}"
                            @if($request['projectManagerId']==$key) selected="selected"@endif>{{$value}}</option>
                @endforeach
            </select>
            {{--<select data-placeholder="请选择策划师..." style="width:200px;" name="plannerId" class="form-control">
                <option value="">请选择策划师</option>
                @foreach ($planner as $key => $value)
                    <option value="{{$key}}"
                            @if($request['serverId']==$key) selected="selected"@endif>{{$value}}</option>
                @endforeach
            </select>--}}
            <select data-placeholder="请选择采编..." style="width:200px;" name="editingId" id="editingId"
                    class="form-control">
                <option value="">请选择采编</option>
                @foreach ($editors as $key => $value)
                    <option value="{{$key}}"
                            @if($request['editingId']==$key) selected="selected"@endif>{{$value}}</option>
                @endforeach
            </select>
            <select data-placeholder="请选择设计..." style="width:200px;" name="designerId" id="designerId"
                    class="form-control">
                <option value="">请选择设计</option>
                @foreach ($designer as $key => $value)
                    <option value="{{$key}}"
                            @if($request['designerId']==$key) selected="selected"@endif>{{$value}}</option>
                @endforeach
            </select>
            <select data-placeholder="请选择前端..." style="width:200px;" name="webId" id="webId" class="form-control">
                <option value="">请选择前端</option>
                @foreach ($web as $key => $value)
                    <option value="{{$key}}" @if($request['webId']==$key) selected="selected"@endif>{{$value}}</option>
                @endforeach
            </select>
            <select data-placeholder="请选择客服..." style="width:200px;" name="projectStewardId" id="projectStewardId"
                    class="form-control">
                <option value="">请选择客服</option>
                @foreach ($projectSteward as $key => $value)
                    <option value="{{$key}}"
                            @if($request['projectStewardId']==$key) selected="selected"@endif>{{$value}}</option>
                @endforeach
            </select>
            <input style="margin-left: 10px" type="submit" class="btn btn-primary" value="搜索">
            <button style="margin-left: 10px" type="button" class="btn btn-primary reset"> 重置</button>
            <button style="margin-left: 10px" type="button" class="btn btn-primary button"> 保存</button>
        </div>
    </form>

</div>
<table id="tfhover" class="tftable" border="1">
    <thead>
    <tr>
        <th colspan="18" style="text-align: center">
            评分统计
        </th>
    </tr>
    <tr>
        <th style="width: 3%;">序号</th>
        <th style="width: 7%;">项目</th>
        <th style="width: 5%;">下单时间</th>
        <th style="width: 5%;">上线时间</th>
        <th style="width: 5%;">项目经理</th>
        {{--<th style="width: 4%;">策划师</th>--}}
        <th style="width: 5%;">采编</th>
        <th style="width: 5%;">设计</th>
        <th style="width: 5%;">前端</th>
        <th style="width: 5%;">客服</th>
        <th style="width: 5%;">竞争对手分析</th>
        <th style="width: 5%;">网站架构定稿</th>
        <th style="width: 5%;">首页设计定稿</th>
        <th style="width: 5%;">手机端首页<br>两张banner设计定稿</th>
        <th style="width: 5%;">产品内页设计定稿</th>
        <th style="width: 5%;">pc端测试站客户验收反馈</th>
        <th style="width: 5%;">关键词地图定稿</th>
        <th style="width: 5%;">上线确认进入实施期</th>
    </tr>
    </thead>
    <tbody>
    @foreach($siteList as $key=>$value)
        <tr>
            <td>{{$key+1}}</td>
            <td data-info="{{$value['site_id']}}" data-rank="{{$value['rank']??''}}"><i
                    @if($value['rank']==1)class="fa fa-heart first-numb" @else class="fa fa-heart" @endif></i><a
                    onclick="units.openDetail('{{$value['site_id']}}','{{$value['cn_title']}}')">{{$value['cn_title']}}</a>
            </td>
            <td>{{$value['order_at']??''}}</td>
            <td>{{$value['online_at']??''}}</td>
            <td>
                {{$value['project_manager']??''}}
            </td>
            {{--            <td>
                            {{$value['plan']??''}}
                        </td>--}}
            <td>
                {{$value['editing']??''}}
            </td>
            <td>
                {{$value['design']??''}}
            </td>
            <td>
                {{$value['web']??''}}
            </td>
            <td>
                {{$value['project_steward']??''}}
            </td>
            <td>
                {{$value['score1']??0}}
            </td>
            <td>
                {{$value['score2']??0}}
            </td>
            <td>
                {{$value['score3']??0}}
            </td>
            <td>
                {{$value['score4']??0}}
            </td>
            <td>
                {{$value['score5']??0}}
            </td>
            <td>
                {{$value['score6']??0}}
            </td>
            <td>
                {{$value['score7']??0}}
            </td>
            <td>
                {{$value['score8']??0}}
            </td>
        </tr>
    @endforeach
    </tbody>
</table>

@section('footer')
    <script>
        window.onload = function () {
            var tfrow = document.getElementById('tfhover').rows.length;
            var tbRow = [];
            for (var i = 1; i < tfrow; i++) {
                tbRow[i] = document.getElementById('tfhover').rows[i];
                tbRow[i].onmouseover = function () {
                    this.style.backgroundColor = '#f3f8aa';
                };
                tbRow[i].onmouseout = function () {
                    this.style.backgroundColor = '#ffffff';
                };
            }
        };

        $('#tfhover tbody tr td:nth-child(2) i').click(function () {
            var rank = 0;
            if ($(this).hasClass('first-numb')) {
                $(this).removeClass('first-numb');
            } else {
                rank = 1;
                $(this).addClass('first-numb');
            }

            var siteId = $(this).parent().attr('data-info');
            var ajaxConfig = {
                url: '/admin/flow/setSiteIdByRankId',
                type: 'post',
                data: {siteId: siteId, type: 5, rank: rank},
                success: function (result) {
                    layer.msg(result.message, {icon: 6, time: 1000}, function () {
                        window.location.reload();
                    });
                }
            };
            tips.ajax(ajaxConfig);
        });
        var units = {
            openDetail: function (id, title) {
                tips.page('/admin/sites/' + id + '/overview', title);
            },
        };
        $(".button").click(function () {
            var list = [];

            $("#tfhover tbody").find("tr").each(function () {
                var tdArr = $(this).children();
                var site_id = tdArr.eq(1).attr('data-info');
                var array = {};
                array.site_id = site_id;
                list.push(array);
            });

            var ajaxConfig = {
                url: '/admin/flow/designScore',
                type: 'post',
                data: {list: JSON.stringify(list)},
                success: function (result) {
                    layer.msg(result.message, {icon: 6, time: 1000}, function () {
                        window.location.reload();
                    });
                }
            };
            tips.ajax(ajaxConfig);
        });

        //重置
        $(function () {
            $('.reset').click(function () {
                $('#keyword').val('');
                $('#projectManagerId').val('');
                $('#editingId').val('');
                $('#designerId').val('');
                $('#webId').val('');
                $('#projectStewardId').val('');
                $('#form1').submit();
            });
        });
    </script>
@endsection