@extends('layouts.home')
@section('title', ' ')
@section('style')
    <style>
        body, td, th {
            font-family: STSong
        }

        .x-body .pro_list .p_rt p:nth-child(1) {
            margin-bottom: 10px;
        }

        .info_wrap {
            margin-top: 80px;
            color: #000;
        }

        .info_wrap div {
            margin-top: 10px;
            font-size: 15px;
        }
    </style>
@endsection
@section('body')
    <div class="x-body">
        <div style="margin: 5px 0 0 5px">
            <i class="layui-icon" onclick="window.history.go(-1)">&#xe65c;</i>
        </div>
        <div style="text-align:center;margin-top: 10px;font-size: 17px;">
            <h2 style="margin-bottom: 20px;">{{$order->order_shop}}</h2>
            @foreach($goodsorder as $g)
                <div class="pro_list"
                     style="margin-top: 10px;height: 100%;border-bottom: 1px solid #9a9a9a;padding-bottom:5px;display: flex;">
                    <div class="" style="height: 100%">
                        <img width="100" height="100" src="{{env('OSS_HOST').$g->goods_pic}}" alt="">
                    </div>
                    <div class="pro_text" style="padding-left: 6px;width: 60%;">
                        <p class="layui-col-xs12 text_name" style="text-align: left">{{$g->goods_name}}</p>
                        <p class="layui-col-xs12 p_gray">
                            {{ $g->goods_normtype }}
                        </p>
                        <p class="layui-col-xs12 p_gray" style="text-align: left">共 {{$g->goods_count}} 件</p>
                        <p class="layui-col-xs12 p_red">{{$g->name}} </p>
                    </div>
                    <div class="layui-col-xs3 p_rt" style="height: 80px">
                        <p class="layui-col-xs12" style="font-size: 13px!important;">交易成功</p>
                        @if($g->name)
                            <p class="layui-col-xs12 p_gray" style="height:23px;"></p>
                            <p class="layui-col-xs12" style="text-decoration:line-through;font-size: 13px!important;">¥{{$g->goods_price}}</p>
                            <p class="layui-col-xs12 p_red " style="font-size: 13px!important;text-align: right">¥{{$g->sale_discount_price}}</p>
                        @else
                            <p class="layui-col-xs12" style="font-size: 13px!important;text-align: right">¥{{$g->sale_discount_price}}</p>
                        @endif
                    </div>
                </div>
            @endforeach
            <div style="width: 98%;display: flex;justify-content: space-between;border-bottom: 1px solid #9a9a9a;padding: 3px;font-size: 14px">
                <span>运费</span>
                <span>{{$order->freight}}</span>
            </div>
            <div style=";font-size: 15px;margin-top: 10px;text-align: right">
                <span>总计：￥{{$order->money}}</span>
            </div>

            <div style="float: right;font-size: 15px;margin-top: 10px;">
                <span>订单编号：{{$order->order_number}}</span>
            </div>
            <div style="float: right;font-size: 15px;margin-top: 10px;">
                <span>订单时间：{{$order->order_time}}</span>
            </div>

            <div class="info_wrap" style="font-size: 15px">

                <div style="float: left;margin-bottom:10px;">
                    <span>姓名：&nbsp;&nbsp;{{$order->people}}</span>
                </div>
                <hr class="layui-bg-black">
                <div style="float: left;margin-bottom:10px;">
                    <span>地区：&nbsp;&nbsp;{{$order->address}}</span>
                </div>
                <hr class="layui-bg-black">
                <div style="float: left;margin-bottom:10px;">
                    <span>地址：&nbsp;&nbsp;{{$order->address_detail}}</span>
                </div>
                <hr class="layui-bg-black">
                <div style="float: left;margin-bottom:10px;">
                    <span>电话：&nbsp;&nbsp;{{$order->mobelphone}}</span>
                </div>
                <hr class="layui-bg-black">
                <div style="float: left;margin-bottom:10px;">
                    <span>备忘录：&nbsp;&nbsp;{{$order->remark}}</span>
                </div>

            </div>
            <hr class="layui-bg-black">

        </div>


@endsection