@extends('layouts.base')

@section('content')
@section('title', trans('收银台订单比例列表'))
<script type="text/javascript">
    window.optionchanged = false;
    require(['bootstrap'], function () {
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        })
    });
</script>

<section class="content">
    <div class="w1200 ">
        <div class=" rightlist ">
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active"><a href="#">收银台订单比例列表</a></li>
                </ul>
            </div>
            <div class="right-addbox"><!-- 此处是右侧内容新包一层div -->
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form id="form1" action="" method="post" class="form-horizontal form">

                            {{--<div class="form-group">--}}
                                {{--<label class="col-xs-12 col-sm-3 col-md-1 control-label">红包池比例</label>--}}
                                {{--<ul class="col-sm-9 col-xs-12">--}}
                                    {{--<li class="col-sm-3 col-xs-12 status" value="1">收银台订单比例列表</li>--}}
                                {{--</ul>--}}
                            {{--</div>--}}

                            <div class="info">
                                <div class="panel-body">
                                    <div class="tab-content">
                                        <div class="tab-pane  active member_level_1" id="member_level" >
                                            <div class='panel panel-default'>
                                                <div class='panel-body' >
                                                    <table id="basis-data" class="table table-hover" style="overflow:visible;">
                                                        <thead>
                                                        <tr>
                                                            <th style='width:10%;'>时间</th>
                                                            <th style='width:8%;'>实付金额</th>
                                                            <th style='width:8%;'>红包比例</th>
                                                            <th style='width:8%;'>红包额度</th>
                                                            <th style='width:8%;'>订单编号</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        @foreach($cashier['data'] as $row)
                                                            @foreach($row['has_many_order_goods'] as $item)
                                                                <tr>
                                                                    <td>{{date('Y-m-d H:i:s',$row['created_at'])}}</td>
                                                                    <td>{{$item['payment_amount']}}</td>
                                                                    <td>{{$row['cashier_proportion']}}</td>
                                                                    <td>{{($item['payment_amount']*$row['cashier_proportion'])/100}}</td>
                                                                    <td>{{$row['order_sn']}}</td>
                                                                </tr>
                                                            @endforeach
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                    {!! $cashier_pager !!}
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script type="text/javascript">
    // 回显
    var data = {!! json_encode($set) !!}; //初始值
    var index = 1;
    if(!data) {
        index = 1;
        $(".member_level_"+index).show();
    }
    else {
        index = data.type_id;
        $(".member_level_"+index).show();
    }
    console.log(data);

    $(".status").click(function() {
        let new_index = $(this).val();
        if(new_index == index){
            $(".member_level_"+new_index).show();
        }else{
            $(".member_level_"+new_index).show();
            $(".member_level_"+index).hide();
        }
        index = $(this).val();
    });

</script>
@endsection