@extends('admin.layouts.base')
@section('add_css')

@endsection
@section('content')


    <div class="layui-card">

        <div class="layui-form search-form wid150 layui-card-header layuiadmin-card-header-auto">

            <div class="layui-collapse" lay-filter="test">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">搜索展开</h2>
                    <div class="layui-colla-content layui-show">
                        <div class="layui-row">
                            <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
                                <div class="search-item">
                                    <label class="">订单号</label>
                                    <input type="text" name="order_sn" placeholder="请输入" autocomplete="off"
                                           class="layui-input">
                                </div>
                            </div>
                            <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
                                <div class="search-item">
                                    <label class="">订单id</label>
                                    <input type="text" name="server_sn" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>

                            </div>

                            <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
                                <div class="search-item">
                                    <label class="">商户</label>
                                    <select name="merchant_id">
                                        <option value="">全部</option>
                                        @if(count($merchant)>0)
                                            @foreach ($merchant as $k=>$v)
                                                <option value="{{ $v->id }}">{{ $v->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                            </div>

                            <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
                                <div class="search-item">
                                    <label class="">结算状态</label>
                                    <select name="status">
                                        <option value="">全部</option>
                                        @if(count($status)>0)
                                            @foreach ($status as $k=>$v)
                                                <option value="{{ $k }}">{{ $v }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                            </div>
                            <div class="layui-col-xs12 layui-col-sm5 layui-col-md3">
                                <div class="search-item">
                                    <label class="">时间范围</label>
                                    <input type="text" class="layui-input" name="time" autocapitalize="none" readonly id="test15" placeholder=" ~ ">
                                </div>

                            </div>
                            <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
                                <div class="search-item">
                                    <div class="layui-btn-container">
                                        <button class="layui-btn layui-btn-sm" data-doing="1" data-type="day" data-value="0">今天</button>
                                        <button class="layui-btn layui-btn-sm"  data-doing="1" data-type="day" data-value="-1">昨天</button>
                                        <button class="layui-btn layui-btn-sm"  data-doing="1" data-type="day" data-value="-6">最近7天</button>
                                        <button class="layui-btn layui-btn-sm"  data-doing="1" data-type="month" data-value="0">本月</button>
                                        <button class="layui-btn layui-btn-sm"  data-doing="1" data-type="month" data-value="-1">上月</button>
                                        <button class="layui-btn layui-btn-sm"  data-doing="1" data-type="month" data-value="-3">前3月</button>
                                    </div>
                                </div>

                            </div>

                            <div class="layui-col-xs12 layui-col-sm3 layui-col-md3">
                                <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-list-search" style="margin-left: 20px">
                                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                </button>

                            </div>


                        </div>


                    </div>
                </div>

            </div>


        </div>

        <div class="layui-card-body">
            <div class="msg-tips msg-tips-warm">
                <p>  <i class="layui-icon layui-icon-about"></i>  <b>盈利佣金：</b>扣除了通道成本费用<br/><b>盈利比例：</b>佣金费率扣除通道费率</p>
            </div>
            <table id="LAY-list-table" lay-filter="LAY-list-table"></table>

        </div>


    </div>







@endsection
@section('add_js')
    @include('admin.layouts.layui_tpl')
    @verbatim
        <script type="text/html" id="order-url">
            <a class="text-blue" lay-event="openLayer" data-w="100%" data-h="100%" data-url="{{ d.show_url }}"
               data-title="查看{{ d.order_sn }}订单详情">{{ d.order_sn }}</a>

        </script>
    @endverbatim
    @include('admin.layouts.common_index')
    <script>


        layui.use(['index', 'table', 'listable','laydate'], function () {
            var $ = layui.$
                , form = layui.form
                , listable = layui.listable
                , table = layui.table;
            var element = layui.element;
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test15'
                , type: 'datetime'
                , range: '~',
                max:0
                , format: 'yyyy-MM-dd HH:mm:ss'
            });


            $("[data-doing]").click(function () {
                $(this).addClass('layui-btn-normal').siblings().removeClass('layui-btn-normal');
                var type=$(this).data('type');
                var value=$(this).data('value');
                data={
                    [type]:value,
                };
                if(type=='day')
                {
                    data.month='';
                }
                if(type=='month')
                {
                    data.day='';
                }
                table.reload('LAY-list-table', {
                    where: data
                });
            })


            cols = [[
                {field: 'id', width: 80, title: 'ID', sort: true},
                {field: 'order_at', width: 160, title: '订单时间', sort: true}

                , {field: 'name', title: '商户名称',width: 160}
                , {field: 'order_id', title: '订单id',width: 160}
                , {field: 'order_sn', title: '订单号', templet: '#order-url',minWidth: 200}
                , {field: 'order_money', title: '订单价格',width: 100, totalRow: 1}
                , {field: 'ratio',width: 100, title: '佣金比率',templet: function (d) {
                        return (d.ratio/10)+'%'
                    }}
                , {field: 'money', title: '佣金', style: 'color:#f00',width: 100, totalRow: 1}
                , {field: 'final_money', title: '盈利佣金', style: 'color:#f00',width: 100, totalRow: 1}
                , {field: 'final_ratio', title: '盈利比例',width: 100, style: 'color:#f00',templet: function (d) {
                        return (d.final_ratio/10)+'%'
                    }}
                , {field: 'status_name', title: '结算状态',width: 100,}

            ]];
            listable.list(listable_url, cols, {
                where: {
                    'merchant_id': "{{ request()->input('merchant_id') }}"
                },
                totalRow: 1
            });
            //监听表操作
            listable.handle();
            listable.top_handle();
            //监听搜索
            listable.search();


        });
    </script>
@endsection