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

@endpush

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

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

@section('content')
    {{--<div class="news-top-menu-bar">
        <div class="top-menu">
            <div class="top-menu-list">
                <a data-url="" href="{{route($sub_site.'mobile.notice')}}" class="t-btn">公告列表</a>
            </div>
        </div>
    </div>
    <div class="split-block"></div>--}}

    <div class="drop_content">
        <div class="add_data">
            @include('mobile.app.content.notice.ajax_notice_list')
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(function(){
            var page = 1;
            $('.drop_content').dropload({
                scrollArea : window,
                domUp : {
                    domClass   : 'dropload-up',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domUpdate  : '<div class="dropload-update">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
                },
                domDown : {
                    domClass   : 'dropload-down',
                    domRefresh : '<div class="dropload-refresh">加载中...</div>',
                    domLoad    : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
                    domNoData  : '<div class="dropload-noData">没有更多数据~~</div>'
                },
                loadUpFn : function(me){
                    page = 1;
                    $.ajax({
                        type: 'GET',
                        url: '{{ route($sub_site.'mobile.notice') }}?page='+page,
                        dataType: 'json',
                        success: function(result){
                            if (result.status ==1) {
                                $('.add_data').html(result.data);
                            } else {
                                me.lock();
                                me.noData();
                            }
                            me.resetload();
                        },
                        error: function(xhr, type){
                            me.resetload();
                        }
                    });
                },
                @if($mobile_dropload)
                loadDownFn : function(me){
                    page++;
                    $.ajax({
                        type: 'GET',
                        url: '{{ route($sub_site.'mobile.notice') }}?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();
                        }
                    });
                },
                @endif
                threshold : 50
            });
        });
    </script>
@endsection