@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/attention_jobs') }}" method="get" class="J_allListBox">
            <div class="mainbox">
                <!--职位切换卡 -->
                <div class="tab">
                    <a class="li J_hoverbut" href="{{ url('person/jobs') }}">面试邀请</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 select">浏览过的职位</a>
                    <div class="clear"></div>
                </div>
                <!--切换卡结束 -->
                <div class="resume_tip">
                    <div class="tiptit">小提示</div>
                    <div class="tiptxt link_blue">
                        职位名称：默认“蓝色”表示正在招聘；“灰色”表示该职位已关闭或停止招聘。
                    </div>
                </div>
                <div class="my_attention_th">
                    <div class="th1">职位名称</div>
                    <div class="th2">公司名称</div>
                    <div class="th3">职位状态</div>
                    <div class="th4">
                        <div class="input_100_30_div J_hoverinput J_dropdown J_listitme_parent">
                            <span class="J_listitme_text">
                                 @if(Request::input('settr')==3)
                                    3天内
                                @elseif(Request::input('settr')==7)
                                    7天内
                                @elseif(Request::input('settr')==15)
                                    15天内
                                @elseif(Request::input('settr')==30)
                                    30天内
                                @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="3">3天内</a></li>
                                        <li><a class="J_listitme" data-code="7">7天内</a></li>
                                        <li><a class="J_listitme" data-code="15">15天内</a></li>
                                        <li><a class="J_listitme" data-code="30">30天内</a></li>
                                    </ul>
                                </div>
                            </div>
                            <input class="J_listitme_code" name="settr" id="settr" type="hidden" value="{{ Request::input('settr') }}">
                        </div>
                    </div>
                    <div class="th5">操作</div>
                    <div class="clear"></div>
                </div>
                @if($content->total())
                    @foreach($content as $key => $val)
                            <div class="my_attention J_hoverbut">
                                @if($val->jobs)
                                    <div class="td1 link_blue substring"><input class="J_allList" name="y_id[]" type="checkbox" value="{{ $val->id }}"> &nbsp;<a href="{{ route('jobs.show',['id'=>$val->job_id]) }}" target="_blank" title="{{ $val->jobs->jobs_name }}">{{ $val->jobs->jobs_name }}</a></div>
                                    <div class="td2 link_gray6 substring"><a href="{{ route('jobs.company',['id'=>$val->company_id]) }}" target="_blank" title="{{ $val->jobs->company_name }}">{{ $val->jobs->company_name }}</a></div>
                                    <div class="td3">发布中</div>
                                    <div class="td4">{{ $val->created_at }}</div>
                                @else
                                    <div class="td1 link_gray6 substring"><input class="J_allList" name="y_id[]" type="checkbox" value="{{ $val->id }}"> &nbsp;<span>职位关闭或已删除</span></div>
                                    <div class="td2 link_gray6 substring">&nbsp;</div>
                                    <div class="td3 cl2">&nbsp;</div>
                                    <div class="td4">&nbsp;</div>
                                @endif

                                <div class="td5">
                                    <a href="javascript:;" pid="{{ $val->id }}" class="but2 J_hoverbut delete"></a>
                                    <div class="clear"></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                    @endforeach
                    <div class="my_attention_but">
                        <div class="td1"><input name="" class="J_allSelected" type="checkbox" value=""></div>
                        <div class="td3">
                            <div class="but_gray_80_32 J_hoverbut delall">删除</div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    {{ $content->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 type="text/javascript">
        $(document).ready(function () {
            $(".J_listitme").click(function () {
                setTimeout(function () {
                    $("#form1").submit();
                },500)
            })


            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;
            }

            $(".delete").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_attention_jobs') }}",
                            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_attention_jobs') }}", 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_attention_jobs') }}",
                                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_attention_jobs') }}", function (result) {
                        qsDialog.setContent(result);
                    });
                }
            });
        });
    </script>
@endsection