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

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('mobile/css/jobs.css') }}" rel="stylesheet">
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush

@section('content')
    <div class="favorites-top-nav list_height">
        <div class="n-cell active" style="width: 33%; float: left;
position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.person.jobsF') }}'">收藏的职位<div class="b-line"></div></div>
        <div class="n-cell" style="width: 33%; float: left;
position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.person.attention_com') }}'" >关注的企业</div>
        <div class="n-cell" style="width: 33%; float: left;
position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.jobsSubscribe') }}'" >职位订阅器</div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>

    <div class="drop_content">
        <div class="add_data">
            @if($content->total())
                @foreach($content as $key=>$val)
                    @if($val->jobs)
                        <div class="job-list-item js-longpress for-event" data-yid="{{ $val->id }}" onclick="window.location.href='{{ route($sub_site.'mobile.jobs.show',['id'=>$val->jobs->id]) }}'">
                            <div class="info">
                                <div class="line-one">
                                    <div class="job-name substring font15">{{ $val->jobs->jobs_name }}</div>
                                    <div class="refresh-time font12">@if($val->jobs->refresh_time){{ date('Y-m-d',$val->jobs->refresh_time) }}@endif</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="line-two font14">
                                    <div class="salary">{{ $val->jobs->wage_cn }}</div>
                                    <div class="category substring">{{ $val->jobs->trade_cn }}</div>
                                    <div class="clear"></div>
                                </div>
                                <div class="line-four font13">{{ $val->jobs->education_cn }} / {{ $val->jobs->experience_cn }} / {{ $val->jobs->age_cn }}</div>
                                <div class="@if(!$val->personalJobsApply->isEmpty()) has-apply @endif J_apply apply-btn" jid="{{ $val->jobs->id }}" onClick="event.cancelBubble = true">申请</div>
                            </div>
                            <div class="company font13">
                                <div class="company-name substring">{{ $val->jobs->company_name }}</div>
                                <div class="district substring">{{ $val->jobs->district_cn }}</div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    @endif
                @endforeach
            @else
                <div class="list-empty link_blue">
                    目前您没有收藏的职位！<br>
                    建议您主动出击 <a href="{{ route($sub_site.'mobile.jobs') }}">找工作</a>
                </div>
            @endif
        </div>
    </div>
    <input class="J_listitme_code" name="select_resume_id" id="select_resume_id" type="hidden" value="">
@endsection
@section('script')
    <script src="{{ theme_asset('mobile/js/longPress.js') }}"></script>
    <script type="text/javascript">
        $(function () {
            var page = 1;
            $('.drop_content').dropload({
                scrollArea : window,
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: '{{ route($sub_site.'mobile.person.jobsF') }}?page='+page,
                        dataType: 'json',
                        success: function(result){
                            if (result.status ==1) {
                                $('.add_data').append(result.data);
                            } else {
                                // 锁定
                                me.lock();
                                // 无数据
                                me.noData();
                            }
                            me.resetload();
                        },
                        error: function(xhr, type){
                            alert('Ajax error!');
                            // 即使加载出错，也得重置
                            me.resetload();
                        }
                    });
                },
                threshold : 50
            });
        })

        $('.J_apply').on('click',function(){
            var THIS = $(this);
            if ($(this).hasClass('has-apply')) {
                return false;
            }
            var jid = $(this).attr('jid');
            
            $.ajax({
                type: 'POST',
                url: "{{route($sub_site.'mobile.person.resume_apply_ajax')}}",
                data: {_token:"{{csrf_token()}}"},
                success: function(data){
                    var dialog = new QSpopout();
                    dialog.setContent(data.data);
                    dialog.show();
                    dialog.getPrimaryBtn().on('click', function () {
                        var resume_id = $('#select_resume_id').val();
                        $.ajax({
                            type: 'POST',
                            url: "{{ route($sub_site.'mobile.person.resume_apply') }}",
                            data: {jobs_id:jid,resume_id:resume_id,_token:"{{csrf_token()}}"},
                            success: function(res){
                                THIS.addClass('has-apply');
                                qsToast({type:1,context: res.data});
                            },
                            error: function(errorData){
                                if(errorData.status==400) {//业务错误
                                    qsToast({type:2,context: JSON.parse(errorData.response).message});
                                }
                            }
                        });
                    });
                }
            });
        });
        // 长按删除
        $('.js-longpress').each(function () {
            var y_id = $(this).data('yid');
            $(this).longPress(function(){
                var popout = new QSpopout();
                popout.setContent('确定删除吗？');
                popout.show();
                popout.getPrimaryBtn().on('click', function () {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: "{{ route($sub_site.'person.del_person_favorite') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {id: y_id},
                        success: function (result) {
                            qsToast({type:1,context: '删除成功！'});
                            setTimeout(function () {
                                window.location.reload();
                            }, 2000);
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                qsToast({type:2,context: JSON.parse(errorData.response).message});
                            }
                        }
                    })
                });
            });
        });
    </script>
@endsection