@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: 8px;
        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/editingSchedule')}}" method="post" {{--id="editingScheduleForm"--}}>
        <div style="display: flex;padding: 10px 0;">
            <input type="text" placeholder="请输入域名或项目名称" class="input-md form-control" name="keyword"
                   style="width: 260px;">
            @if(in_array($role_id,[14,24]))
                <select data-placeholder="选择采编人员..." style="width:200px;" name="userId" class="form-control">
                    <option value="">请选择采编人员</option>
                    @foreach ($editors as $key => $value)
                        <option value="{{$key}}">{{$value}}</option>
                    @endforeach
                </select>
            @endif
            <input style="margin-left: 10px" type="submit" class="btn btn-primary"
                   {{--id="editingSchedule"--}} value="搜索">
            <button style="margin-left: 10px" type="button" class=" btn btn-primary button"> 保存</button>
            <a href="{{url('/admin/flow/editingScheduleExport')}}" style="margin-left: 10px" class=" btn btn-primary">导出</a>
        </div>
    </form>

</div>
<table id="tfhover" class="tftable" border="1">
    <thead>
    <tr>
        <th colspan="19" style="text-align: center">
            采编核心工作：资料（资料进度表，共享盘文件夹）+测试站（测试站检查表格，组内意见，项目部群，客户反馈）+上线（上线检查表格，组内检查，组间互查，杜佳检查，Hina检查）
            <br>注：资料要求客户邮件发送，及时查收；网站检查表格（放在共享盘）；客户催促上线及时告知项目经理和采编
        </th>
    </tr>
    <tr>
        <th colspan="5">项目配置</th>
        <th colspan="2">建站前期</th>
        <th colspan="4">资料</th>
        <th colspan="4">测试站</th>
        <th colspan="4">上线</th>
    </tr>
    <tr>
        <th style="width: 3%">序号</th>
        <th style="width: 8%">项目</th>
        <th style="width: 8%">网址</th>
        <th style="width: 8%">备注</th>
        <th style="width: 5%">采编</th>
        <th>后台搭建</th>
        <th>第一封邮件</th>
        <th>资料进度表</th>
        <th>共享盘文件夹整理</th>
        <th>单页面提供完整</th>
        <th>产品页面提供完整</th>
        <th>测试站检查表</th>
        <th>组内意见</th>
        <th>项目部群</th>
        <th>客户反馈</th>
        <th>上线检查表格</th>
        <th>组内检查</th>
        <th>质检部</th>
        <th>Hina&优化师检查</th>
    </tr>
    </thead>
    <tbody>
    @foreach($siteList as $key=>$value)
        <tr>
            <td>
                {{$key+1}}
            </td>
            <td data-a="{{$value->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->id}}','{{$value->cn_title}}')">{{$value->cn_title}}</a>
            </td>
            <td data-a="{{$value->is_url}}" @if($value->is_url==1)class="fenish"@endif>{{$value->domain}}</td>
            <td data-a="{{$value->id}}">
                <textarea style="border: none;width: 100%">{{$value->memo}}</textarea>
            </td>
            <td data-a="{{$value->is_editing}}" @if($value->is_editing==1)class="fenish"@endif>{{$value->nickname}}</td>
            <td data-a="{{$value->is_backstage}}" @if($value->is_backstage==1)class="fenish"@endif>后台搭建</td>
            <td data-a="{{$value->is_first_mail}}" @if($value->is_first_mail==1)class="fenish"@endif>第一封邮件</td>
            <td data-a="{{$value->is_data}}" @if($value->is_data==1)class="fenish"@endif>资料进度表</td>
            <td data-a="{{$value->is_folder}}" @if($value->is_folder==1)class="fenish"@endif>共享盘文件夹整理</td>
            <td data-a="{{$value->is_order_index}}" @if($value->is_order_index==1)class="fenish"@endif>单页面提供完整</td>
            <td data-a="{{$value->is_product_index}}" @if($value->is_product_index==1)class="fenish"@endif>产品页面提供完整</td>
            <td data-a="{{$value->is_test_station}}" @if($value->is_test_station==1)class="fenish"@endif>测试站检查表</td>
            <td data-a="{{$value->is_opinion}}" @if($value->is_opinion==1)class="fenish"@endif>组内意见</td>
            <td data-a="{{$value->is_project_group}}" @if($value->is_project_group==1)class="fenish"@endif>项目部群</td>
            <td data-a="{{$value->is_client_feedback}}" @if($value->is_client_feedback==1)class="fenish"@endif>客户反馈</td>
            <td data-a="{{$value->is_online_inspection_form}}" @if($value->is_online_inspection_form==1)class="fenish"@endif>上线检查表格</td>
            <td data-a="{{$value->is_in_group_inspection}}" @if($value->is_in_group_inspection==1)class="fenish"@endif>组内检查</td>
            <td data-a="{{$value->is_quality_inspection_departments}}" @if($value->is_quality_inspection_departments==1)class="fenish"@endif>质检部</td>
            <td data-a="{{$value->is_optimization}}" @if($value->is_optimization==1)class="fenish"@endif>Hina&优化师检查</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-a');
            var ajaxConfig = {
                url: '/admin/flow/setSiteIdByRankId',
                type: 'post',
                data: {siteId: siteId, type: 1, 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);
            },
        }

        $('#tfhover tbody tr td').click(function () {
            $(this).toggleClass("fenish");
            if ($(this).hasClass("fenish")) {
                $(this).attr("data-a", "1");
            } else {
                $(this).attr("data-a", "0");
            }
        });
        $('#tfhover tbody tr td:first-child').unbind('click');
        $('#tfhover tbody tr td:nth-child(2)').unbind('click');
        $('#tfhover tbody tr td:nth-child(3)').unbind('click');
        $('#tfhover tbody tr td:nth-child(4)').unbind('click');
        $('#tfhover tbody tr td:nth-child(5)').unbind('click');


        $(".button").click(function () {
            var list = [];

            $("#tfhover tbody").find("tr").each(function () {
                var tdArr = $(this).children();

                var site_id = tdArr.eq(1).attr('data-a');
                var rank = tdArr.eq(1).attr('data-rank');
                var memo = tdArr.eq(3).find('textarea').val();
                var is_backstage = tdArr.eq(5).attr('data-a');
                var is_first_mail = tdArr.eq(6).attr('data-a');
                var is_data = tdArr.eq(7).attr('data-a');
                var is_folder = tdArr.eq(8).attr('data-a');
                var is_order_index = tdArr.eq(9).attr('data-a');
                var is_product_index = tdArr.eq(10).attr('data-a');
                var is_test_station = tdArr.eq(11).attr('data-a');
                var is_opinion = tdArr.eq(12).attr('data-a');
                var is_project_group = tdArr.eq(13).attr('data-a');
                var is_client_feedback = tdArr.eq(14).attr('data-a');
                var is_online_inspection_form = tdArr.eq(15).attr('data-a');
                var is_in_group_inspection = tdArr.eq(16).attr('data-a');
                var is_quality_inspection_departments = tdArr.eq(17).attr('data-a');
                var is_optimization = tdArr.eq(18).attr('data-a');

                var array = {};
                array.site_id = site_id;
                array.rank = rank;
                array.memo = memo;
                array.is_backstage = is_backstage;
                array.is_first_mail = is_first_mail;
                array.is_data = is_data;
                array.is_folder = is_folder;
                array.is_order_index = is_order_index;
                array.is_product_index = is_product_index;
                array.is_test_station = is_test_station;
                array.is_opinion = is_opinion;
                array.is_project_group = is_project_group;
                array.is_client_feedback = is_client_feedback;
                array.is_online_inspection_form = is_online_inspection_form;
                array.is_in_group_inspection = is_in_group_inspection;
                array.is_quality_inspection_departments = is_quality_inspection_departments;
                array.is_optimization = is_optimization;
                list.push(array);
            });

            var ajaxConfig = {
                url: '/admin/flow/editingSchedule',
                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);

        });
    </script>
@endsection