@extends('index')

@section('content')
    <section>
        <div class="container">
            <ul class="d-flex my-5 color_808080">
                <li>會員資料</li>
                <li class="px-4">|</li>
                <li>訂單詳細</li>
            </ul>
            <div class="MemberSettingsBox">
                <h1 class="Title">訂單詳細</h1>
                <div class="MemberSettingsContent DetailsBox">
                    <h3 class="mb-4 color_77832A mt-4 mt-lg-0">訂單編號：O250804000001</h3>
                    <div class="OrderDetails">
                        <div class="d-none d-lg-block">
                            <div class="textTab">
                                <div class="TadTitle th_1 ">no</div>
                                <div class="TadTitle th_2">品名</div>
                                <div class="TadTitle th_3">單價</div>
                                <div class="TadTitle th_4">數量</div>
                                <div class="TadTitle th_5">合計</div>
                            </div>
                        </div>
                        @php $no = 0; @endphp
                        @foreach ($orderDetailData->orderRecordProducts as $productInfo)
                            <div class="textTab">
                                <div class="TabContent td_1">{{$no += 1}}</div>
                                <div class="TabContent td_2">{{$productInfo->product_name}}</div>
                                <div class="TabContent td_3">NT$ {{number_format($productInfo->product_price)}}</div>
                                <div class="TabContent td_4">{{$productInfo->product_qty}}</div>
                                <div class="TabContent td_5">NT$ {{number_format($productInfo->product_price * $productInfo->product_qty)}}</div>
                            </div>
                        @endforeach
                    </div>
                    <h4 class="mt-5">結帳金額</h4>
                    <table class="table table-borderless mt-3">
                        <tbody>
                            <tr>
                                <td>合計</td>
                                <td class="text-end">NT$ {{number_format((int)$orderDetailData->order_products_price)}}</td>
                            </tr>
                            <tr class="color_77832A">
                                <td>優惠碼折扣</td>
                                <td class="text-end">- NT ${{number_format((int)$orderDetailData->order_coupon_price)}}</td>
                            </tr>
                            <tr class="color_77832A">
                                <td>優惠活動折扣</td>
                                <td class="text-end">- NT ${{number_format((int)$orderDetailData->order_preferential_price)}}</td>
                            </tr>
                            <tr>
                                <td>運費</td>
                                <td class="text-end color_77832A">{{number_format((int)$orderDetailData->order_freight_price) ?: __('custom.免運')}}</td>
                            </tr>
                            <tr class="TotalBox">
                                <td class="py-4">訂單金額</td>
                                <td class="py-4 text-end fz_32">NT$ {{number_format((int)$orderDetailData->order_total_price)}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
@endsection