@extends('module.layouts.person')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_job.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_ajax_dialog.css') }}" rel="stylesheet">
@endpush

@section('content')
    <div class="user_main">
        @include('module.section.person_left')
        <form id="form1" action="{{ url('person/jobs') }}" class="J_allListBox">
        <div class="mainbox">
            <!--职位切换卡 -->
            <div class="tab">
                <a class="li select">面试邀请</a>
                <a class="li J_hoverbut" href="{{ url('person/jobs/apply_jobs') }}">已申请职位</a>
                <a class="li J_hoverbut" href="{{ url('person/jobs/attention_me') }}">谁在关注我</a>
                <a class="li J_hoverbut" href="{{ url('person/jobs/attention_jobs') }}">浏览过的职位</a>
                <div class="clear"></div>
            </div>
            <!--切换卡结束 -->
            <div class="resume_tip">
                <div class="tiptit">小提示</div>
                <div class="tiptxt link_blue">
                    招聘过程中企业无权收取任何费用，求职者请加强自我保护，避免上当受骗！ 职位名称：默认“蓝色”表示正在招聘；“灰色”表示该职位已关闭或停止招聘。
                </div>
            </div>
            <div class="interview_list_select">
                <div class="td1">选择简历：</div>
                <div class="td2">
                    <div class="input_140_30_div J_hoverinput J_dropdown J_listitme_parent">
                        <span class="J_listitme_text substring">
                            @if(Request::input('resume_id'))
                                @foreach($resume as $key=>$val)
                                    @if(Request::input('resume_id')==$val->id)
                                        {{ $val->title }}
                                    @endif
                                @endforeach
                            @else
                                全部简历
                            @endif
                        </span>
                        <div class="dropdowbox6 J_dropdown_menu">
                            <div class="dropdow_inner6">
                                <ul class="nav_box">
                                    <li><a class="J_listitme" data-code="" >全部简历</a></li>
                                    @foreach($resume as $key=>$val)
                                        <li><a class="J_listitme" data-code="{{ $val->id }}">{{ $val->title }}</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        <input class="J_listitme_code" name="resume_id" id="resume_id" type="hidden" value="{{ Request::input('resume_id') }}">
                    </div>
                </div>
                <div class="td3">最近3天内，共收到 <strong>{{ $count }} </strong>条面试邀请</div>
                <div class="clear"></div>
            </div>
            <div class="interview_list_th">
                <div class="th1" style="width:155px;">邀请的职位</div>
                <div class="th2" style="width:200px;padding-right: 10px">公司名称</div>
                {{--<div class="th5" style="width:90px;">面试反馈</div>--}}
                <div class="th3" style="width:120px;">
                    <div class="input_100_30_div J_hoverinput J_dropdown J_listitme_parent">
                        <span class="J_listitme_text">
                            @if(Request::input('look')==2)
                                已查看
                            @elseif(Request::input('look')==1)
                                未查看
                            @else
                                全部
                            @endif
                        </span>
                        <div class="dropdowbox7 J_dropdown_menu">
                            <div class="dropdow_inner7">
                                <ul class="nav_box">
                                    <li><a class="J_listitme" data-code="">全部</a></li>
                                    <li><a class="J_listitme" data-code="2">已查看</a></li>
                                    <li><a class="J_listitme" data-code="1">未查看</a></li>
                                </ul>
                            </div>
                        </div>
                        <input class="J_listitme_code" name="look" id="look" type="hidden" value="{{ Request::input('look') }}">
                    </div>
                </div>
                <div class="th4" style="padding-top: 5px;width: 190px;">面试时间</div>
                <div class="th5">操作</div>
                <div class="clear"></div>
            </div>

            @if($interview->total())
                @foreach($interview as $key=>$val)

                        <div class="interview_list J_hoverbut">
                            @if($val->jobs)
                                <div class="td1 link_blue substring" style="width:160px;">
                                    <input class="J_allList" name="y_id[]" type="checkbox" jid="{{ $val->id }}" value="{{ $val->id }}"/> &nbsp;
                                    <a target="_blank" href="{{ route('jobs.show',['id'=>$val->jobs->id]) }}" title="{{ $val->jobs->jobs_name }}">{{ $val->jobs->jobs_name }}</a>
                                </div>
                                <div class="td2 link_gray6 substring" style="width:196px;" >
                                    <a target="_blank" href="{{ route('jobs.company',['id'=>$val->company_id]) }}" title="{{ $val->company_name }}">{{ $val->company_name }}</a>
                                </div>
                                @if($val->personal_look==1)
                                    <div class="td3 n" style="width:120px;">未查看</div>
                                @else
                                    <div class="td3" style="width:120px;">已查看</div>
                                @endif
                                <div class="td4" style="width: 190px">{{ date('Y-m-d H:i:s', $val->interview_time)}}</div>
                            @else
                                <div class="td1 substring link_gray6" style="width:160px;"><input class="J_allList" name="y_id[]" type="checkbox" jid="" value="{{ $val->id }}"> &nbsp;<span>职位已关闭或已删除</span></div>

                                <div class="td2 link_gray6 substring" style="width:196px;" >&nbsp;</div>
                                <div class="td3" style="width:120px;">&nbsp;</div>
                                <div class="td4" style="width: 190px">&nbsp;</div>
                            @endif

                            <div class="td5" style="width: 60px">
                                <a href="javascript:;" class="but1 J_hoverbut J_interviewDetails" @if($val->jobs) pid="{{ $val->id }}" @else pid="" @endif
                                   title="{{ $val->notes }}"></a>
                                <a href="javascript:;" pid="{{ $val->id }}" class="but2 J_hoverbut del"></a>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                @endforeach
                <div class="interview_list_but">
                    <div class="td1"><input name="" class="J_allSelected" type="checkbox" value=""/></div>
                    <div class="td2">
                        <div class="but_blue_80_32 J_hoverbut set_interview">设为已读</div>
                    </div>
                    <div class="td3">
                        <div class="but_gray_80_32 J_hoverbut" id="delall">删除</div>
                    </div>
                    <div class="clear"></div>
                </div>
                {{ $interview->appends(Request::all())->links('module.widgets.pagination') }}
            @else
                <div class="res_empty link_blue">
                    目前您暂未收到面试通知，想要获得更多的面试机会，建议你主动投递简历！<br>海量高薪职位任你选。立即 <a href="{{ route('jobs') }}" target="_blank">投递简历</a>
                </div>
            @endif
        </div>
        </form>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/person/jquery.common.js') }}"></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.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.allselected.js') }}"></script>

    <script>
        $(function () {
            $(".J_listitme").click(function () {
                setTimeout(function () {
                    $("#form1").submit();
                },500)
            })
            $(".set_interview").click(function () {
                var lenG = showPid();
                if (lenG=='' || lenG==null) {
                    disapperTooltip("remind", "请勾选有效职位！");
                } else {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: "{{ url('person/jobs/set_interview') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {id: lenG},
                        success: function (result) {
                            disapperTooltip("success", result.data);
                            setTimeout(function () {
                                window.location.reload();
                            }, 2000);
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        }
                    })
                }
            });
            function show(){
                var id_array=new Array();
                $('input[name="y_id[]"]:checked').each(function(){
                    id_array.push($(this).val());//向数组中添加元素
                });
                var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
                return idstr;
            }
    
            function showPid(){
                var id_array=new Array();
                $('input[name="y_id[]"]:checked').each(function(){
                    id_array.push($(this).attr('jid'));//向数组中添加元素
                });
                var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
                return idstr;
            }

            $(".del").click(function () {
                var id = $(this).attr('pid');
                var qsDialog = $(this).dialog({
                    title: '删除面试邀请',
                    loading: true,
                    border: false,
                    yes: function () {
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            url: "{{ url('person/jobs/del_interview') }}",
                            type: 'POST',
                            dataType: 'json',
                            data: {id: id},
                            success: function (result) {
                                disapperTooltip("success", result.data);
                                setTimeout(function () {
                                    window.location.reload();
                                }, 2000);
                            },
                            error: function (errorData) {
                                if(errorData.status==400) {//业务错误
                                    disapperTooltip("remind", errorData.responseJSON.message);
                                }
                            }
                        })
                    }
                });
                $.get("{{ url('person/jobs/del_interview') }}", function (result) {
                    qsDialog.setContent(result);
                });
            });

            $("#delall").click(function(){
                var lenG = show();
                if (lenG=='' || lenG=='') {
                    disapperTooltip("remind", "请选择要删除的面试邀请");
                } else {
                    var qsDialog = $(this).dialog({
                        title: '删除面试邀请',
                        loading: true,
                        border: false,
                        yes: function () {
                            $.ajax({
                                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                url: "{{ url('person/jobs/del_interview') }}",
                                type: 'POST',
                                dataType: 'json',
                                data: {id: lenG},
                                success: function (result) {
                                    disapperTooltip("success", result.data);
                                    setTimeout(function () {
                                        window.location.reload();
                                    }, 2000);
                                },
                                error: function (errorData) {
                                    if(errorData.status==400) {//业务错误
                                        disapperTooltip("remind", errorData.responseJSON.message);
                                    }
                                }
                            })
                        }
                    });
                    $.get("{{ url('person/jobs/del_interview') }}", function (result) {
                        qsDialog.setContent(result);
                    });
                }
            });


            $('.J_interviewDetails').click(function () {
                var obj = $(this);
                var id = $(this).attr('pid');
                if(id){
                    var qsDialog = $(this).dialog({
                        title: '面试详情',
                        loading: true,
                        showFooter: false
                    });
                    $.getJSON("{{ url('person/jobs/ajax_interview_detail') }}", {id: id}, function (result) {
                        obj.closest('.interview_list').find('.td3').removeClass('n');
                        obj.closest('.interview_list').find('.td3').text('已查看');
                        qsDialog.setContent(result.data);
                        qsDialog.showFooter(true);
                    });
                }else{
                    disapperTooltip("remind", "职位已关闭或已删除!");
                    return false;
                }
            });
            
        })
    </script>

@endsection