@extends('index')

@section('content')
    <section>
        <div class="container">
            <ul class="d-flex my-5 color_808080">
                <li>{{__('custom.會員資料')}}</li>
                <li class="px-4">|</li>
                <li>{{__('custom.消費紀錄')}}</li>
            </ul>
            <div class="ProductMenuBox">
                <ul class="d-flex">
                    <li><a href="/member/member_info">{{__('custom.會員資料設定')}}</a></li>
                    <li><a class="active" href="/member/member_cart">{{__('custom.消費紀錄')}}</a></li>
                    <li><a href="/member/member_coupon">{{__('custom.我的優惠券')}}</a></li>
                </ul>
            </div>
            <div class="MemberSettingsBox">
                <h1 class="Title">{{__('custom.消費紀錄')}}</h1>
                <div class="MemberSettingsContent ConsumptionRecords">
                    <div class="d-none d-lg-block">
                        <div class="textTab">
                            <div class="TadTitle th_1 ">{{__('custom.訂單狀態')}}</div>
                            <div class="TadTitle th_2">{{__('custom.訂單編號')}}</div>
                            <div class="TadTitle th_3">{{__('custom.訂單金額')}}</div>
                            <div class="TadTitle th_4">{{__('custom.付款方式')}}</div>
                            <div class="TadTitle th_5">{{__('custom.物流單號')}}</div>
                            <div class="TadTitle th_6">{{__('custom.訂單查詢')}}</div>
                        </div>
                    </div>
                    @foreach($orderData as $order)
                        <div class="textTab">
                            <div class="TabContent td_1">
                                <span class="color_77832A">
                                    @switch($order->order_status)
                                        @case(10)
                                            {{__('order_record.order_status_wait_for_pay')}}
                                            @break
                                        @case(11)
                                            {{__('order_record.order_status_wait_for_shipping')}}
                                            @break
                                        @case(12)
                                            {{__('order_record.order_status_shipped')}}
                                            @break
                                        @case(19)
                                            {{__('order_record.order_status_done')}}
                                            @break
                                        @case(99)
                                            {{__('order_record.order_status_cancelled')}}
                                            @break
                                        @case(98)
                                            {{__('order_record.order_status_return')}}
                                            @break
                                    @endswitch
                                </span>
                            </div>
                            <div class="TabContent td_2">{{$order->order_number}}</div>
                            <div class="TabContent td_3">{{$order->order_total_price}}</div>
                            <div class="TabContent td_4">{{__("payment.{$order->payment_mode}")}}</div>
                            <div class="TabContent td_5">{{$order->freight_number}}</div>
                            <div class="TabContent td_6"><a class="btn_text_black" href="{{"/member/record_detail/{$order->order_number}"}}">{{__('custom.訂單詳細連結')}}</a></div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endsection