@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 " style="width: 33%; float: left;
position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.person.jobsF') }}'">收藏的职位</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 active" style="width: 33%; float: left;
position: relative; text-align:center" onclick="window.location='{{ route($sub_site.'mobile.jobsSubscribe') }}'" >职位订阅器<div class="b-line"></div></div>
        <div class="clear"></div>
    </div>

    <div class="split-block"></div>
    <div class="split-block-title link_yellow">
        您的帐号可以创建 <strong>5</strong> 个职位订阅器 <strong>目前已添加{{ $count or 0 }}个</strong>
    </div>

    @if(!$content->isEmpty())
        @foreach($content as $val)
            <div class="resume js-actionParent">
                <div class="info">
                    <div class="line-one">
                        <div class="resume-title substring">{{ $val->title or '' }}</div>
                        <div class="is-default font10"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="line-two font12">
                        <div class="privacy" id="zhuangtai{{ $val->id or 0 }}">@if($val->status)状态:已订阅@else状态:已退订@endif</div>
                        <div class="complete" id="jspl{{ $val->id or 0 }}">@if($val->status)接收频率：{{ $val->rate_cn or '' }}@endif</div>
                        <div class="clear"></div>
                    </div>
                    <div class="line-three font12">
                        <div class="down-browse" style="width: auto">[职能]{{ $val->intention_jobs or '' }}@if($val->district_cn) [地区]{{ $val->district_cn or '' }}@endif </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="handler font14">
                    <div class="J_refresh_resume item for-event" style="margin-left: 20%" iid="{{ $val->id or 0 }}" subscribe="{{ $val->status or 0 }}">
                        <div class="pic refresh"></div>
                        <span id="span{{ $val->id or 0 }}" subscribe="{{ $val->status or 0 }}">
                            @if($val->status)
                                退订
                            @else
                                订阅
                            @endif
                        </span>
                    </div>
                    <div class="item for-event"  onclick="window.location='{{ route($sub_site.'mobile.jobsSubscribeEdit',['id'=>$val->id]) }}'">
                        <div class="pic update"></div>
                        <span>修改</span>
                    </div>
                    <div class="item for-event"  >
                        <div class="pic preview J_delete" iid="{{ $val->id or '' }}" style="background-image: url({{ theme_asset('app/images/127.png') }})"></div>
                        <span>删除订阅</span>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="split-block"></div>
        @endforeach
    @endif
    <div class="btn-spacing">
        <a id="J_create_resume" class="qs-btn qs-btn-blue font18">
            新建订阅器
        </a>
    </div>
    <div class="split-block"></div>
    <input type="hidden" class="for-entrust" value="3">
    <input type="hidden" class="for-privacy" value="">
@endsection
@section('script')
    <script src="{{ theme_asset('mobile/js/longPress.js') }}"></script>
    <script type="text/javascript">
        $("#J_create_resume").click(function () {
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: '{{ url('person/collection/attention_add_var') }}',
                type: 'POST',
                dataType: 'json',
                success: function (result) {
                    window.location='{{ route($sub_site.'mobile.jobsSubscribeEdit') }}';
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: JSON.parse(errorData.response).message});
                        return false;
                    }
                }
            })
        })

        //删除订阅器
        $('.J_delete').on('click',function(){
            var iid = $(this).attr('iid');
            var dialog = new QSpopout('删除订阅器');
            dialog.setContent('您确定要删除该订阅器吗？');
            dialog.show();
            dialog.getPrimaryBtn().on('click', function () {
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: '{{ route($sub_site.'person.attention_sub_del') }}',
                    type: 'POST',
                    dataType: 'json',
                    data: {id:iid},
                    success: function (result) {
                        qsToast({type:1,context: result.data});
                        setTimeout(function () {
                            window.location.reload();
                        }, 2000);
                    },
                    error: function (errorData) {
                        if(errorData.status==400) {//业务错误
                            qsToast({type:2,context: JSON.parse(errorData.response).message});
                            return false;
                        }
                    }
                })
            });
        });

        $(document).on('click','.J_refresh_resume',function () {
            var id = $(this).attr("iid");
            var status= $(this).find('span').attr('subscribe');
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: '{{ route($sub_site.'person.attention_sub_out') }}',
                type: 'POST',
                dataType: 'json',
                data: {id:id,status: status},
                success: function (result) {
                    if(result.data.code==1){
                        if(result.data.info==null){
                            $("#zhuangtai"+id).html("状态:已订阅");
                            $("#jspl"+id).html("接收频率");
                        }else{
                            $("#zhuangtai"+id).html("状态:已订阅");
                            $("#jspl"+id).html("接收频率："+result.data.info);
                        }
                        $("#span"+id).html('退订').attr('subscribe',1);
                    }else{
                        $("#zhuangtai"+id).html("状态:已退订");
                        $("#span"+id).html('订阅').attr('subscribe',0);
                        $("#jspl"+id).html("");
                    }
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        qsToast({type:2,context: JSON.parse(errorData.response).message});
                        return false;
                    }
                }
            })
        })

    </script>
@endsection