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

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/company.css')}}">
    <style>
        .drop_content{padding-bottom: 1rem;}
    </style>
@endpush

@push('js')
    <script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush
@section('content')
    <div class="qs-top-nav x2 list_height">
        <div class="n-cell active" onClick="window.location='{{ route($sub_site.'mobile.firm.com.psm') }}'">系统消息<div class="b-line"></div></div>
    <div class="n-cell " onClick="window.location='{{ route($sub_site.'mobile.firm.com.psm.consult') }}'">求职者咨询<div class="b-line"></div></div>
    <div class="clear"></div>
    </div>
    <div class="split-block"></div>
    @if($pms->total())
        <div class="drop_content">
            <div class="add_data">
                @foreach($pms as $key => $val)
                    <div class="pmslist-img for-event log_list" message="{{ $val->message }}" id="{{ $val->id }}">
                        <div class="pic"><img src="{{ theme_asset('mobile/images/206.png') }}"></div>
                        <div class="describe font12">
                            <div class="tit font14">系统消息
                                <div class="time font12">{{ date('Y-m-d H:i',strtotime($val->created_at)) }}</div>
                            </div>
                            <div class="txt substring">
                                {!! $val->message !!}
                            </div>
                        </div>
                        <div class="arrow"></div>
                        <div class="clear"></div>
                    </div>
                @endforeach
            </div>
        </div>
    @else
        <div class="list-empty">
            暂时没有求职者咨询！
        </div>
    @endif
@endsection
@section('script')
    <script id="logWrap" type="text/html">
        <div class="log_dig">
            <div class="log_dig_list">
                <div class="J_time font12"></div>
                <div class="clear"></div>
            </div>
        </div>
    </script>
    <script type="text/javascript">
        $(function () {
            // 页数
            var page = 1;
            // dropload
            $('.drop_content').dropload({
                scrollArea : window,
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: '{{route($sub_site.'mobile.firm.com.psm')}}?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){
                            // 即使加载出错，也得重置
                            me.resetload();
                        }
                    });
                },
                threshold : 50
            });
        });

        $(document).on('click','.log_list', function(e) {
            var f = $(this);
            var popout = new QSpopout('系统消息');
            var h = $($('#logWrap').html());
            h.find('.J_time').html(f.attr('message'));
            popout.setBtn(1);
            popout.setContent(h);
            popout.show();
            $.post("{{route($sub_site.'mobile.firm.com.psm.read')}}", {id:f.attr('id'),_token:"{{ csrf_token() }}"}, function (res) {
                
            });
        });
    </script>
@endsection