@extends('statistics.module.layouts.content')

@push('meta')

@endpush

@push('css')

@endpush

@push('js')
    <script src="{{ theme_asset('app/js/echarts.common.min.js') }}"></script>

@endpush

@section('content')
    <div class="wide container demand_warp resume_processing">
        @include('statistics.module.section.left_menu')
        <div class="cq_rt index_right">
            <div class="inside_timer">
                @include('statistics.module.section.timer')
            </div>
            <div class="summary_one">
                <div class="box-cell line">
                    <div class="line-one">总投递简历数<span>{{$apply_nums}}</span></div>
                </div>
                <div class="box-cell line">
                    <div class="line-one">已处理简历数<span>{{$processed_nums}}</span></div>
                </div>
                <div class="box-cell">
                    <div class="line-one">待处理简历数<span>{{$unprocessed_nums}}</span></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="char-box">
                <div class="char-title no-icon">已处理简历情况</div>
                <div id="trend" style="width: 100%;height: 390px;"></div>
            </div>
            <div class="detail-info">
                <div class="table_title_new">简历未处理前10企业</div>
                <div class="table_title">详细数据</div>
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <th style="width: 200px;">排序</th>
                        <th style="width: 500px;">公司名称</th>
                        <th style="width: 200px;">未处理简历数</th>
                    </tr>
                    @if($unprocessed_companys)
                        @foreach($unprocessed_companys as $k=>$v)
                        <tr>
                            <td>{{$k+1}}</td>
                            <td>{{$v['company_name']}}</td>
                            <td>{{$v['count']}}</td>
                        </tr>
                        @endforeach
                    @else
                        <tr><td colspan="3" text-aligin = 'center'>暂无数据</td></tr>
                    @endif
                </table>
            </div>


            <div class="detail-info">
                <div class="table_title_new">简历合适前20企业</div>
                <div class="table_title">详细数据</div>
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <th style="width: 200px;">排序</th>
                        <th style="width: 500px;">公司名称</th>
                        <th style="width: 200px;">未处理简历数</th>
                    </tr>
                    @if($apt_companys)
                        @foreach($apt_companys as $k=>$v)
                            <tr>
                                <td>{{$k+1}}</td>
                                <td>{{$v['company_name']}}</td>
                                <td>{{$v['count']}}</td>
                            </tr>
                        @endforeach
                    @else
                        <tr><td colspan="3" text-aligin = 'center'>暂无数据</td></tr>
                    @endif
                </table>
            </div>

        </div>
        <div class="clear"></div>
    </div>
@endsection


@section('script')
    <script type="text/javascript">
        var chartName1 = [];
        var chartData1 = [];
        @foreach($processed_arr as $k=>$v)
            chartName1.push("{{$v['name']}}");
            chartData1.push("{{$v['count']}}");
        @endforeach
        var colors1 = ["#ff5b82","#2da1f9","#54b7ea","#61c5d0","#a9e0d4","#bddb89","#44d4b0","#99b5ff","#797bac","#8bc0df"];
        var myChart3 = echarts.init(document.getElementById('trend'));
        myChart3.setOption({
            color:colors1,
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            grid: {
                top: '45',
                left: '10',
                right: '25',
                bottom: '18',
                containLabel: true
            },
            xAxis: [{
                boundaryGap:true,
                axisTick:{
                    alignWithLabel:true
                },
                axisLabel:{
                    interval: 0, //坐标轴刻度标签的显示间隔 , 0 强制显示所有标签。
                    //rotate:-45,  //刻度标签旋转的角度
                    margin:15,
                    textStyle: {
                        color: '#333333',
                        fontSize:10
                    },

                },
                data: chartName1
            }],
            yAxis: [{
            }],
            series: [{
                    name:'已处理简历情况',
                    type: 'bar',
                    barMaxWidth: '40',
                    barGap: 0,
                    label: {
                        normal: {
                            show: true,
                            textStyle: {
                                color: '#ff5b82',
                                fontSize: 16
                            },
                            position: 'top',
                            formatter: function(data) {
                                return chartData1[data.dataIndex]
                            }
                        }
                    },
                    data: chartData1
                }]
        });
    </script>
@endsection