@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_user.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="" method="get" class="J_allListBox">
            <div class="mainbox">
                <!--切换卡 -->
                <div class="tab">
                    <a class="li select" >消息提醒</a>
                    <a class="li J_hoverbut " href="{{ route('person.msg') }}" >咨询反馈</a>
                    <div class="clear"></div>
                </div>
                <!--切换卡结束 -->
                <div class="pms_th">
                    <div class="th1">消息内容</div>
                    <div class="th2">
                        <div class="th_select input_140_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="dropdowbox13 J_dropdown_menu">
                                <div class="dropdow_inner13">
                                    <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>
                                    </ul>
                                </div>
                            </div>
                            <input class="J_listitme_code" name="settr" id="settr" type="hidden" value="{{ Request::input('settr') }}">
                        </div>
                    </div>
                    <div class="th3">
                        <div class="th_select input_140_30_div J_hoverinput J_dropdown J_listitme_parent">
                        <span class="J_listitme_text">
                            @if(Request::input('status')==1)
                                未查看
                            @elseif(Request::input('status')==2)
                                已查看
                            @else
                                全部
                            @endif
                        </span>
                            <div class="dropdowbox13 J_dropdown_menu">
                                <div class="dropdow_inner13">
                                    <ul class="nav_box">
                                        <li><a class="J_listitme" data-code="">全部</a></li>
                                        <li><a class="J_listitme" data-code="1">未查看</a></li>
                                        <li><a class="J_listitme" data-code="2">已查看</a></li>
                                    </ul>
                                </div>
                            </div>
                            <input class="J_listitme_code" name="status" id="status" type="hidden" value="{{ Request::input('status') }}">
                        </div>
                    </div>
                    <div class="th4">操作</div>
                </div>

                @if($pms->total())
                    @foreach($pms as $key => $val)
                        <div class="interview_list pms J_hoverbut" pmid="{{ $val->id }}">
                            <div class="td1"><input class="J_allList" name="id[]" type="checkbox" value="{{ $val->id }}" /></div>
                            <div class="td2 link_blue substring nowrap">
                                {!! strip_tags($val->message) !!}
                            </div>
                            <div class="td3">{{ $val->created_at }}</div>
                            @if($val->new==2)
                                <div class="td4 ok">已查看</div>
                            @else
                                <div class="td4">未查看</div>
                            @endif
                            <div class="td5 link_blue">
                                <a href="javascript:;" class="but1 J_hoverbut J_interviewDetails J_msg_check" title="查看"></a>
                                <a href="javascript:;" pmid="{{ $val->id }}" class="but2 J_hoverbut del delete" title="删除"></a>
                            </div>
                        </div>
                    @endforeach
                    <div class="pms_btn">
                        <div class="td1"><input name="" class="J_allSelected" type="checkbox" value=""></div>
                        <div class="td2">
                            <div class="but_blue_80_32 J_hoverbut J_set_interview">设为已读</div>
                        </div>
                        <div class="td3">
                            <div class="but_gray_80_32 J_hoverbut J_delall">删除</div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    {{ $pms->appends(Request::all())->links('module.widgets.pagination') }}
                @else
                    <div class="res_empty">
                        您暂时还没有消息记录
                    </div>
                @endif
            </div>
        </form>
        <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/person/jquery.common.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)
            })

            function show(){
                var id_array=new Array();
                $('input[name="id[]"]:checked').each(function(){
                    id_array.push($(this).val());//向数组中添加元素
                });
                var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
                return idstr;
            }

            $('.J_msg_check').click(function(){
                var f = $(this).closest('.pms'),
                    id = f.attr('pmid');
                var qsDialog = $(this).dialog({
                    title: '消息详情',
                    loading: true,
                    btns: ['删除', '返回'],
                    showFooter: false,
                    yes: function() {
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            type: "POST",
                            url: "{{ route('person.deletePms') }}",
                            data: {
                                id:id,
                            },
                            dataType: "json",
                            success: function(result){
                                f.remove();
                                disapperTooltip('success',result.data);
                                window.location.href="{{ url('person/pms') }}"
                            },
                            error: function (errorData) {
                                if(errorData.status==400) {//业务错误
                                    disapperTooltip("remind", errorData.responseJSON.message);
                                }
                            }
                        });
                    }
                });
                $.getJSON("{{ route('person.check_pms') }}",{id:id},function(result){
                    if(result.code==1){
                        f.find('.td4').addClass('ok').html('已查看');
                        qsDialog.setContent(result.data);
                        qsDialog.showFooter(true);
                    }else{
                        qsDialog.setContent(result.data);
                    }

                });
            });

            $(".delete").click(function () {
                var url = "{{ route('person.deletePms') }}",
                    f = $(this).closest('.pms'),
                    id = f.attr('pmid');
                var qsDialog = $(this).dialog({
                    title: '删除消息',
                    loading: true,
                    showFooter: false,
                    yes: function () {
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            type: "POST",
                            url: url,
                            data: {
                                id:id,
                            },
                            dataType: "json",
                            success: function(result){
                                f.remove();
                                disapperTooltip('success',result.data);
                                window.location.href="{{ url('person/pms') }}"
                            },
                            error: function (errorData) {
                                if(errorData.status==400) {//业务错误
                                    disapperTooltip("remind", errorData.responseJSON.message);
                                }
                            }
                        });
                    }
                });
                $.getJSON(url, function (result) {
                    qsDialog.setContent(result.data);
                    qsDialog.showFooter(true);
                });
            });

            $('.J_delall').click(function(){
                var url = "{{ route('person.deletePms') }}";
                var arr = show();
                var listCheckedArray = $('.J_allListBox .J_allList:checked');
                if (arr=='' || arr==null) {
                    disapperTooltip("remind", "请选择要删除的系统消息");
                } else {
                    var qsDialog = $(this).dialog({
                        title: '删除消息',
                        loading: true,
                        showFooter: false,
                        yes: function () {
                            $.ajax({
                                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                type: "POST",
                                url: url,
                                data: {
                                    id:arr,
                                },
                                dataType: "json",
                                success: function(result){
                                    listCheckedArray.closest('.pms').remove();
                                    disapperTooltip('success',result.data);
                                    window.location.href="{{ url('person/pms') }}"
                                },
                                error: function (errorData) {
                                    if(errorData.status==400) {//业务错误
                                        disapperTooltip("remind", errorData.responseJSON.message);
                                    }
                                }
                            });
                        }
                    });
                    $.getJSON(url, function (result) {
                        qsDialog.setContent(result.data);
                        qsDialog.showFooter(true);
                    });
                }
            });

            $('.J_set_interview').click(function(){
                var url = "{{ route('person.newPms') }}";
                var listCheckedArray = $('.J_allListBox .J_allList:checked');
                var arr = show();
                if (arr=='' || arr==null) {
                    disapperTooltip("remind", "请选择要查看的系统消息");
                } else {
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        type: "POST",
                        url: url,
                        data: {
                            id:arr,
                        },
                        dataType: "json",
                        success: function(result){
                            listCheckedArray.closest('.pms').find('.td4').addClass('ok').html('已查看');
                            disapperTooltip('success',result.data);
                        },
                        error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        }
                    });
                }
            });


        })
    </script>
@endsection