@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_favorites.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')
        <div class="mainbox">
            <!--职位切换卡 -->
            <div class="tab">
                <a class="li J_hoverbut" href="{{ url('person/collection') }}">职位收藏夹</a>
                <a class="li J_hoverbut" href="{{ url('person/collection/attention_com') }}">关注的企业</a>
                <a class="li select">职位订阅器</a>
                <div class="clear"></div>
            </div>
            <!--切换卡结束 -->
            <div class="resume_tip">
                <div class="tiptit">小提示</div>
                <div class="tiptxt link_blue">
                    您最多可以添加<strong class="font_yellow"> 5 </strong>个职位订阅器，目前已添加<strong class="font_yellow"> {{ $count }}</strong> 个！
                </div>
            </div>
            <div class="subscribe">
                @if($content)
                    @foreach($content as $key => $val)
                        <div class="list J_hoverbut">
                            <div class="thisid font_blue">{{ $val->title }}</div>
                            <div class="txt">[职能]{{ $val->intention_jobs }} + [地区]{{ $val->district_cn }}</div>
                            <div class="J_subscribeWrap buts link_blue">
                                <div class="td1">
                                    @if($val->status)
                                        <span>已订阅</span>，接收频率：{{ $val->rate_cn }}
                                    @else
                                        已退订
                                    @endif
                                </div>
                                <div class="td2">
                                    <a href="{{ url('person/collection/attention_sub_edit') }}/{{ $val->id }}">修改</a>
                                    <a class="J_quitSubscribe" href="javascript:;" iid="{{ $val->id }}" subscribe="{{ $val->status }}">
                                       @if($val->status)
                                            退订
                                        @else
                                            订阅
                                       @endif
                                    </a>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="J_delSubscribe del" iid="{{ $val->id }}" title="删除订阅器"></div>
                        </div>
                    @endforeach
                @endif
                <div class="list add J_hoverbut">
                    <div class="addbut" style="cursor: pointer;">添加职位订阅器</div>
                </div>
                <div class="clear"></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.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.allselected.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/person/jquery.common.js') }}"></script>

    <script type="text/javascript">
        $('.J_quitSubscribe').on('click', function(){
            var obj = this;
            var id= $(this).attr('iid');
            var status= $(this).attr('subscribe');
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: '{{ url('person/collection/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){
                            $(obj).closest('.J_subscribeWrap').find('.td1').html('<span>已订阅</span>，接受频率：');
                        }else{
                            $(obj).closest('.J_subscribeWrap').find('.td1').html('<span>已订阅</span>，接受频率：'+result.data.info);
                        }
                        $(obj).html('退订').attr('subscribe',1);
                    }else{
                        $(obj).closest('.J_subscribeWrap').find('.td1').html('已退订');
                        $(obj).html('订阅').attr('subscribe',0);
                    }
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                }
            })
        });
        $(".addbut").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='{{ url('person/collection/attention_sub_edit') }}';
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                }
            })
        })


        $('.J_delSubscribe').click(function(){
            var url = "{{ url('person/collection/attention_sub_del') }}";
            var id = $(this).attr('iid');
            var qsDialog=$(this).dialog({
                title: '删除职位订阅',
                loading: true,
                border: false,
                yes: function() {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: url,
                        type: 'POST',
                        dataType: 'json',
                        data: {id:id},
                        success: function (result) {
                            window.location.reload();
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        }
                    })
                }
            });
            $.get(url,{id:id},function(result){
                qsDialog.setContent(result);
            });
        });
    </script>

@endsection