@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="filter-group x2 filter-outer">
    <div id="f-mask"></div>
    <div class="filter-outer">
        <div class="filter-list js-filter" data-tag="0"><div class="filter-cell"><div class="filter-cell-txt">@if($type != '') {{ $order_type_choose[$type] }} @else 订单类型 @endif</div></div></div>
        <div class="filter-list js-filter" data-tag="1"><div class="filter-cell"><div class="filter-cell-txt">@if($is_pay != '') {{ $pay_status_choose[$is_pay] }} @else 订单类型 @endif</div></div></div>
        <div class="clear"></div>
    </div>
    <div class="con-filter">
        <div class="f-box qs-hidden">
            <div class="f-box-inner">
                <li><a class="f-item @if(Request::get('type') == '') select @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['type'=>''])) }}">全部</a></li>
                @foreach($order_type_choose as $key => $val)
                    <li><a class="f-item @if($key == Request::get('type')) select  @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['type'=>$key])) }}">{{ $val }}</a></li>
                @endforeach
            </div>
        </div>
        <div class="f-box qs-hidden">
            <div class="f-box-inner">
                <li><a class="f-item @if(Request::get('is_pay') == '') select @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['is_pay'=>''])) }}">全部</a></li>
                @foreach($pay_status_choose as $key => $val)
                    <li><a class="f-item @if($key == Request::get('is_pay')) select  @endif" href="{{ route("mobile.firm.service.order.index",array_merge($params,['is_pay'=>$key])) }}">{{ $val }}</a></li>
                @endforeach
            </div>
        </div>
    </div>
</div>
<div class="split-block"></div>

@if($orderList->total())
    <div class="drop_content">
        <div class="add_data">
            @foreach($orderList as $key => $val)
                <div class="order-item" onclick="javascript:location.href='{{ route($sub_site.'mobile.firm.service.order.detail',['id'=>$val->id]) }}'">
                    <div class="item-header font12">
                        <div class="txt oid font_gray9">订单号：{{ $val->oid }}</div>
                        <div class="txt status @if($val->is_pay == 2) font_red @endif">{{ $pay_status_choose[$val->is_pay] }}</div>
                    <div class="clear"></div>
                </div>
                <div class="item-content">
                    <div class="pic p{{ $val->order_type }}"></div>
                    <div class="txt">
                        <div class="t1">{{$order_type[$val->order_type]}}</div>
                        <div class="t2 font_gray6 font12">{{ $val->service_name }}</div>
                    </div>
                    <div class="price font_yellow">￥{{ $val->amount }}</div>
                    <div class="clear"></div>
                </div>
                </div>
                <div class="split-block"></div>
            @endforeach
        </div>
    </div>
    @else
    <div class="list-empty">
        抱歉，没有符合条件的订单记录！
    </div>
@endif


@endsection
@section('script')
    <script type="text/javascript">
        $('.js-filter').on('click',function(){
            var filter = new QSfilter($(this));
        });

        // 页数
        var page = 1;
        // dropload
        $('.drop_content').dropload({
            scrollArea : window,
            loadDownFn : function(me){
                page++;
                var is_pay = "{{ request()->get('is_pay') }}";
                var type = "{{ request()->get('type') }}";
                $.ajax({
                    type: 'GET',
                    url: '{{ route($sub_site.'mobile.firm.service.order.index') }}?is_pay='+is_pay+'&type='+type+'&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
        });
    </script>
@endsection