@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/news.css') }}" rel="stylesheet">
<style>
    .news-top-menu-bar .top-menu-list{height:1.05rem;}
    .news-top-menu-bar .top-menu-list .t-btn.active{background:url({{ theme_asset('mobile/images/319.png')}}) no-repeat center bottom;}

    .news-second-menu-bar{background:#ffeff0; ;box-sizing:border-box;}
    .news-second-menu-bar .second-menu{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
    .news-second-menu-bar .second-menu::-webkit-scrollbar{display:none}
    .news-second-menu-bar .second-menu-list{white-space:nowrap;}
    .news-second-menu-bar .second-menu-list .t-btn{white-space:nowrap;display:inline-block;min-width:25%;text-align:center;color:#666;text-decoration:none;font-size:.28142857rem;height:0.95rem;line-height:0.95rem;-webkit-tap-highlight-color:rgba(0,0,0,.3);}
    .news-second-menu-bar .second-menu-list .t-btn.font16{font-size:.28285714rem;}
    .news-second-menu-bar .second-menu-list .t-btn.active{color:#dd4250;}
</style>

<style>
    .drop_content{padding-bottom: 1rem;}
    .fixed_btn{width: 90%;position: fixed;bottom: 0;left: 50%; -webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
</style>

@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.new')}}" class="t-btn @if($type_id == '') active font16 @endif">热点推荐</a>--}}
                @if($categorys_root)
                    @foreach($categorys_root as $k=>$v)
                        <a data-url="" href="{{route($sub_site.'mobile.policy.list',['id'=>$v->id])}}" class="t-btn @if($roottype_id == $v->id) active font16 @endif">{{$v->categoryname}}</a>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    <div class="news-second-menu-bar">
        <div class="second-menu">
            <div class="second-menu-list">
                @if($categorys)
                    @foreach($categorys as $k=>$v)
                        <a data-url="" href="{{route($sub_site.'mobile.policy.list',['id'=>$v->id])}}" class="t-btn @if($type_id == $v->id) active font16 @endif">{{$v->categoryname}}</a>
                    @endforeach
                @endif
            </div>
        </div>
    </div>

    <div class="split-block"></div>

    <div class="drop_content">
        <div class="add_data">
        {{--@if($articles->total())
            @foreach($articles as $k=>$v)
                <div class="news-list-item for-event" onclick="window.location='{{route($sub_site.'mobile.news.show',["id"=>$v->id])}}'">
                    <div class="news-info">
                        <div class="thumbnail">
                            @if($v->small_img)
                                <img src="{{upload_asset($v->small_img)}}?{{time()}}" border="0">
                            @else
                                <img src="{{theme_asset('mobile/images/no_img_news.png')}}?{{time()}}" border="0">
                            @endif
                        </div>
                        <div class="info">
                            <div class="line-one substring">{!! $v->title !!}</div>
                            <div class="line-two font12 substring">
                                <div class="pic time">{{date('Y-m-d',strtotime($v->created_at))}}</div>
                                <div class="pic page-views">{{$v->click}}</div>
                            </div>
                            <div class="line-three font12">
                                {!!  cut_str(strip_tags(htmlspecialchars_decode($v->content,ENT_QUOTES)),'130',0,'...') !!}
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="list-split-block"></div>
            @endforeach
        @else
            <div class="list-empty link_blue">
                抱歉，暂时没有找到相关资讯！
            </div>
        @endif--}}
            @include('mobile.app.content.policy.ajax_policy_list')
        </div>
    </div>

@endsection

@section('script')
    <script>
        $(function(){
            // 页数
            var page = 1;
            // dropload
            $('.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>'
                },
                //autoLoad        : '{{--{{$mobile_dropload}}--}}',
                /*autoLoad        : false,*/
                loadUpFn : function(me){
                    page = 1;
                    $.ajax({
                        type: 'GET',
                        url: '{{ url($current_url) }}?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: '{{ url($current_url) }}?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