@extends('manager.layout.master')

<style>
    .layui-row {
        min-height: 36px;
    }

    .layui-table tr {
        min-height: 40px;
    }
</style>
@section('body')
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">订单信息</li>
            <li>商品信息</li>
            <li>发货信息</li>
            <li>物流记录</li>
            <li>佣金记录</li>
        </ul>


        <div class="layui-tab-content">

            <div class="layui-tab-item layui-show">


                <fieldset class="layui-elem-field">
                    <legend>用户信息</legend>
                    <div class="layui-field-box">

                        <div class="layui-row">
                            <div class="layui-col-xs1">
                                <div class="grid-demo">用户id：</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->user->id??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs1">
                                <div class="grid-demo">用户昵称：</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->user->nickname??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs1">
                                <div class="grid-demo">用户电话：</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->user->tel??''}}</div>
                            </div>
                        </div>


                    </div>
                </fieldset>


                <fieldset class="layui-elem-field">
                    <legend>订单信息</legend>
                    <div class="layui-field-box">

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">订单编号</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->number??''}}</div>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">实际支付</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->pay_price??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">支付类型</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->pay_type_text??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">创建时间</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->create_time??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">支付时间</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$info->pay_time??''}}</div>
                            </div>
                        </div>


                    </div>
                </fieldset>


                <fieldset class="layui-elem-field">
                    <legend>收货信息</legend>
                    <div class="layui-field-box">

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">收货人</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$orderAddr->name??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">收货电话</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$orderAddr->tel??''}}</div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">收货方式</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$orderAddr->take_type_text??''}}</div>
                            </div>
                        </div>



                        <div class="layui-row">
                            <div class="layui-col-xs2">
                                <div class="grid-demo">收货地址</div>
                            </div>
                            <div class="layui-col-xs10">
                                <div class="grid-demo">{{$orderAddr->area_text??''}}</div>
                            </div>
                        </div>


                    </div>
                </fieldset>


            </div>


            <div class="layui-tab-item">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th width="100" style="text-align:  center">商品图片</th>
                        <th>商品名称</th>
                        <th>商品售价</th>

                        <th>商品数量</th>
                        <th>商品实付</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($mascotList as $v)
                        <tr>
                            <td align="center"><img src="{{$v->img->url??asset('admin/img/ico.png')}}" width="50"></td>
                            <td>{{$v->title??''}}</td>
                            <td>{{$v->price??''}}</td>
                            <td>{{$v->num??''}}</td>
                            <td>{{$info->pay_price??''}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

            </div>


            <div class="layui-tab-item">

                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">物流单号</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->logistics_number??''}}</div>
                    </div>
                </div>


                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">物流公司</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->logistics_name??''}}</div>
                    </div>
                </div>


                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">发货时间</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->send_time??''}}</div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">收货时间</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->take_time??''}}</div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">收货人</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->name??''}}</div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">收货电话</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->tel??''}}</div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">收货方式</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->take_type_text??''}}</div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-xs2">
                        <div class="grid-demo">收货地址</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="grid-demo">{{$orderAddr->area_text??''}}</div>
                    </div>
                </div>
            </div>


            <div class="layui-tab-item">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                    <legend>{{$orderAddr->logistics_name_text.':'.$orderAddr->logistics_number}}</legend>
                </fieldset>
                <ul class="layui-timeline">
                    @foreach($wl_info as $val)
                        <li class="layui-timeline-item"><i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">{{$val->status.':'.$val->time}}</h3>
                                <p>
                                    {{$val->context}}
                                </p>
                            </div>
                        </li>
                    @endforeach
                </ul>

            </div>

            <div class="layui-tab-item">

                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>用户昵称/id</th>
                        <th>订单实付</th>
                        <th>佣金</th>
{{--                        <th>分成比例</th>--}}
                        <th>分成类型</th>
                        <th>入账状态</th>
                        <th>入账时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($incomeExpenses as $v)
                        <tr>
                            <td>{{$v->user->nickname.'/('.$v->user->id.')'??''}}</td>
                            <td>{{$info->pay_price??''}}</td>
                            <td>{{$v->price??''}}</td>
{{--                            @if($v->type==11)--}}
{{--                                <td> {{\App\Models\Config::getValue('share_mascot')}} </td>--}}
{{--                            @elseif($info->gs_type==21)--}}
{{--                                <td> {{$v->user->share_mascot}} </td>--}}
{{--                            @endif--}}
                            <td>{{$v->type_text??''}}</td>
                            <td>{{$v->status_text??''}}</td>
                            <td>{{$v->rz_time??''}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>


            </div>

        </div>
    </div>
@stop



@section('js')
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jquery_jplayer_1").jPlayer({
                ready: function () {
                    $(this).jPlayer("setMedia", {
                        mp3: "media/mysound.mp3", m4a: "media/mysound.mp4", oga: "media/mysound.ogg"
                    });
                },
                swfPath: "jPlayer",
                supplied: "mp3, m4a, oga"
            });
        });
    </script>

@stop