@extends('module.layouts.company')
@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/company/company_jobs.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/jobmoney.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/common.css') }}"/>
@endpush
@push('js')
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/company/fusioncharts/fusioncharts.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/company/fusioncharts/fusioncharts.charts.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/company/fusioncharts/fusioncharts.theme.fint.js') }}"></script>
@endpush

@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('module.section.jobs_left')
        </div>
        <div class="mright">
            <div class="user_pagetitle">
                <div class="pat_l">招聘效果统计</div>
                <div class="clear"></div>
            </div>
            <div class="user_tab mt15">
                <a href="{{ route('jobs.statistics.visitor') }}" class="tabli select">访客统计</a>
                <a href="{{ route('jobs.statistics.viewjobs') }}" class="tabli ">职位浏览统计</a>
                <a href="{{ route('jobs.statistics.apply') }}" class="tabli ">应聘统计</a>
                <div class="clear"></div>
            </div>
            <div class="line_wrap">
                <div class="line_top">
                    <div class="select_input input_140_30_div J_hoverinput J_dropdown J_listitme_parent">
							<span class="J_listitme_text">
								最近{{ $settr }}天
							</span>
                        <div class="dropdowbox10 J_dropdown_menu">
                            <div class="dropdow_inner10">
                                <ul class="nav_box">
                                    <li><a class="J_listitme" href="{{ route('jobs.statistics.visitor',array_merge($params,['settr'=>7]))}}" >最近7天</a></li>
                                    <li><a class="J_listitme" href="{{ route('jobs.statistics.visitor',array_merge($params,['settr'=>15]))}}" >最近15天</a></li>
                                    <li><a class="J_listitme" href="{{ route('jobs.statistics.visitor',array_merge($params,['settr'=>30]))}}" >最近30天</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="select_input input_140_30_div J_hoverinput J_dropdown J_listitme_parent">
							<span class="J_listitme_text">
                                    @if(Request::get('source') == '' || !Request::get('source'))
									全部来源
								@else
									{{ $source_arr[$source] }}
                                    @endif
							</span>
                        <div class="dropdowbox10 J_dropdown_menu">
                            <div class="dropdow_inner10">
                                <ul class="nav_box">
                                    <li><a class="J_listitme" href="{{ route('jobs.statistics.visitor',array_merge($params,['source'=>'']))}}" >全部来源</a></li>
                                    @foreach($source_arr as $key=>$val)
                                        <li><a class="J_listitme" href="{{ route('jobs.statistics.visitor',array_merge($params,['source'=>$key]))}}" >{{ $val }}</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="line_main">
                    <div id="line_box" style="margin:20px 0 0 10px;"></div>
                    <script type="text/javascript">
                        FusionCharts.ready(function(){
                            var revenueChart = new FusionCharts({
                                "type": "msline",
                                "height":"280px",
                                "renderAt": "line_box",
                                "width":"99%",
                                "dataFormat": "xml",
                                "showLegend":"1",
                                "dataSource": '{!! $line_xml !!}',
                            });
                            revenueChart.render();
                        });
                    </script>
                </div>
            </div>
            <div class="detail_wrap">
                <div class="detail_title">
                    <div class="pat_l">
                        用户详细数据
                        <span class="num_tip">登录 <span class="num">{{ $count_num['login'] }}</span> 人，未登录 <span class="num">{{ $count_num['total']-$count_num['login'] }}</span> 人（列表内只显示登录用户）</span>
                    </div>
                    <div class="pat_r">
                        <div class="radio_list">
                            <div class="rli checked tab_select" data="chart">登录用户分布统计图</div>
                            <div class="rli tab_select" data="list">登录用户详细列表</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="chart_wrap data_wrap">
                    <div class="chart_item">
                        <div id="sex_box" style="margin:20px 0 0;"></div>
                        <script type="text/javascript">
                            FusionCharts.ready(function(){
                                var revenueChart = new FusionCharts({
                                    "type": "doughnut2d",
                                    "renderAt": "sex_box",
                                    "width":"350px",
                                    "dataFormat": "xml",
                                    "showLegend":"1",
                                    "dataSource": '{!! $sex_xml !!}',
                                });
                                revenueChart.render();
                            });
                        </script>
                    </div>
                    <div class="chart_item">
                        <div id="experience_box" style="margin:20px 0 0;"></div>
                        <script type="text/javascript">
                            FusionCharts.ready(function(){
                                var revenueChart = new FusionCharts({
                                    "type": "doughnut2d",
                                    "renderAt": "experience_box",
                                    "width":"350px",
                                    "dataFormat": "xml",
                                    "showLegend":"1",
                                    "dataSource": '{!! $experience_xml !!}',
                                });
                                revenueChart.render();
                            });
                        </script>
                    </div>
                    <div class="chart_item">
                        <div id="education_box" style="margin:20px 0 0;"></div>
                        <script type="text/javascript">
                            FusionCharts.ready(function(){
                                var revenueChart = new FusionCharts({
                                    "type": "doughnut2d",
                                    "renderAt": "education_box",
                                    "width":"350px",
                                    "dataFormat": "xml",
                                    "showLegend":"1",
                                    "dataSource": '{!! $education_xml !!}',
                                });
                                revenueChart.render();
                            });
                        </script>
                    </div>
                    <div class="chart_item">
                        <div id="age_box" style="margin:20px 0 0;"></div>
                        <script type="text/javascript">
                            FusionCharts.ready(function(){
                                var revenueChart = new FusionCharts({
                                    "type": "doughnut2d",
                                    "renderAt": "age_box",
                                    "width":"350px",
                                    "dataFormat": "xml",
                                    "showLegend":"1",
                                    "dataSource": '{!! $age_xml !!}',
                                });
                                revenueChart.render();
                            });
                        </script>
                    </div>
                </div>
                <div class="list_wrap data_wrap" style="display:none;">
                    <div class="list_th">
                        <div class="th1">姓名</div>
                        <div class="th2">基本信息</div>
                        <div class="th3">意向职位</div>
                        <div class="th4">来源</div>
                        <div class="th5">浏览时间</div>
                        <div class="clear"></div>
                    </div>
                    <div id="ajax_list">
                        @if(!empty($table_data))
                            @foreach($table_data as $key =>$vo)
                                <div class="list_td">
                                    <div class="td1 link_blue"><a target="_blank" href="{{route(url_rewrite('AIX_resumeshow'),['id'=>$vo['id']])}}">{{ $vo['fullname'] }}</a></div>
                                    <div class="td2">{{ $vo['sex_cn'] }} | {{ $vo['age'] }}岁 | {{ $vo['education_cn'] }} | {{ $vo['experience_cn'] }}</div>
                                    <div class="td3">@if($vo['intention_jobs']) {{ $vo['intention_jobs'] }} @else &nbsp;@endif</div>
                                    <div class="td4">
                                        @switch($view_time['source']['visitor'][$vo['uid']])
                                            @case(1) PC端 @break
                                            @case(2) 触屏端 @break
                                            @case(3) 移动端 @break
                                            @default PC端 @break
                                         @endswitch
                                    </div>
                                    <div class="td5">{{ date('Y-m-d', $view_time['time']['visitor'][$vo['uid']]) }}</div>
                                    <div class="clear"></div>
                                </div>
                            @endforeach
                                {{ $table_data->appends(Request::all())->links('module.widgets.pagination') }}
                        @else
                            <div class="res_empty">
                                没有找到相应的信息！
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.dropdown.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/jquery.listitem.js')}}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.allselected.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script>
            $(document).ready(function(){
                $(".tab_select").click(function(){
                    var tag = $(this).attr('data');
                    $(this).siblings().removeClass('checked');
                    $(this).addClass('checked');
                    $(".data_wrap").hide();
                    $("."+tag+"_wrap").show();
                });
                //分页ajax
                $("#ajax_list").on('click',".qspage a",function(){
                    url = $(this).attr('href');
                    if(url){
                        $.getJSON(url,function(result){
                            $("#ajax_list").html(result.data);
                        });
                    }
                    return false;
                });
            });
    </script>
@endsection