@extends($_layout . 'master')
@include($_lib . 'register-meta')

@section('content')




    <!-- Newa area start  -->
    <div class="bd-news pt-110 pb-60">
        <div class="container small-container">
            @if ($order && $order->details && count($order->details))
                <div class="row cart-area">
                    <div class="col-xl-4 col-lg-8 col-md-8">
                        <div class="sidebar-widget-wrapper mb-70">
                            <div class="sidebar__widget mb-30">
                                <div class="sidebar__widget-head mb-35">
                                    {{-- <h4 class="sidebar__widget-title">Order Menu</h4> --}}
                                </div>
                                <div class="sidebar__widget-content">
                                    <div class="box-head">
                                        <h3>Hóa đơn</h3>
                                    </div>
                                    <div class="table-content">
                                        <table class="table">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Mã đơn hàng</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ $order->code }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Trạng thái</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ $order->getStatusLabel() }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Thanh toán</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ $order->getPaymentMethodText() }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Tạm tính</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ get_currency_format($order->sub_total) }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Phí giao hàng</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ get_currency_format($order->shipping_fee) }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Thuế</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ get_currency_format($order->tax) }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Giảm giá khuyến mại</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ get_currency_format($order->promo_total) }}</h6>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <h6 class="font-light">Tổng tiền</h6>
                                                    </td>
                                                    <td>
                                                        <h6>{{ get_currency_format($order->total_money) }}</h6>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    @if ($order->isPaymentMethod('transfer') && $order->isPaymentPending() && !$order->is('canceled'))
                                        <a href="{{ route('web.payments.check-order', ['order_code' => $order->code, 'contact' => $order->billing->email]) }}" class="btn btn-theme btn-colored-default btn-def-size" style="margin-top: 3%;">Thanh toán</a>
                                    @endif
                                    @if ($order->canCancel())
                                        <a class="bd-border__btn {{ parse_classname('btn-cancel-order') }}" data-id="{{ $order->id }}" data-order-code="{{ $order->code }}" style="margin-top: 3%;">Hủy</a>
                                    @endif

                                    <div class="box-head mt-lg-5 mt-3">
                                        <h3>Giao hàng</h3>
                                    </div>
                                    <div class="table-content">
                                        <table class="table">
                                            <tr>
                                                <td>
                                                    <h6 class="font-light">Họ và tên</h6>
                                                </td>
                                                <td>
                                                    <h6>{{ $order->shipping->name }}</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6 class="font-light">Số điện thoại</h6>
                                                </td>
                                                <td>
                                                    <h6>{{ $order->shipping->phone_number }}</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6 class="font-light">Email</h6>
                                                </td>
                                                <td>
                                                    <h6>{{ $order->shipping->email }}</h6>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h6 class="font-light">Địa chỉ giao hàng</h6>
                                                </td>
                                                <td>
                                                    <h6>{{ $order->shipping->getFullAddressText() }}</h6>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>



                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-12">
                        <div class="order-table table-content table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Ảnh</th>
                                        <th>Sản phẩm</th>
                                        <th class="product-price">Đơn giá</th>
                                        <th>Số lượng</th>
                                        <th class="product-price">Thành tiền</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($order->details as $item)
                                        <tr class="{{ parse_classname('cart-item', 'cart-item-' . $item->id) }}" id="cart-item-{{ $item->id }}">
                                            <td class="image-column">
                                                <a href="{{ $item->link }}">

                                                    <img src="{{ $item->image }}" alt="{{ $item->product_name }}">
                                                </a>
                                            </td>
                                            <td class="wide-column">
                                                <a href="{{ $item->link }}">{{ $item->product_name }}</a>
                                                @if ($item->attributes && count($item->attributes))
                                                    @foreach ($item->attributes as $attr)
                                                        <p>{{ $attr->label ?? $attr->name }}: {{ $attr->text }}</p>
                                                    @endforeach
                                                @endif
                                            </td>
                                            <td class="product-price"><strong>{{ $item->getPriceFormat() }}</strong></td>
                                            <td class="product-quantity">
                                                <div class="quantity">
                                                    @if ($item->product_type == 'digital' && $order->is('completed'))
                                                        @if ($download = $helper->getMetadata('product', $item->product_id, 'download_url'))
                                                            <a href="{{ $download }}">Tải về máy</a>
                                                        @endif
                                                    @else
                                                        {{ $item->quantity }}
                                                    @endif
                                                </div>
                                            </td>
                                            <td class="product-price"><strong class="{{ parse_classname('item-total-price') }}">{{ $item->getTotalFormat() }}</strong></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            @else
                <div class="alert alert-warning text-center">
                    Không có sản phẩm nào trong giỏ hàng
                </div>
            @endif
        </div>
    </div>
@endsection