@extends('user.layouts.app')
<style>
    .page-header {
        min-height: fit-content !important;
    }
</style>
@section('content')
    <div class="page-header">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="title">
                    <h4>Orders</h4>
                </div>
                <nav aria-label="breadcrumb" role="navigation">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Orders</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <div class="card-box pd-20 height-100-p mb-30">
        <div class="row">
            <div class="col-md-12">
                <div class="card-box pd-20 height-100-p mb-30">
                    <div class="card-box pd-20 height-100-p mb-30">
                        <h2>Order Details - {{ $order->order_no }}</h2>

                        <table class="table">
                            <thead>
                            <tr>
                                <th>Product Name</th>
                                <th>Quantity</th>
                                <th>Price</th>
                                <th>Subtotal</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($order->orderItems as $item)
                                <tr>
                                    <td>{{ $item->product->Name }}</td>
                                    <td>{{ $item->product_qty }}</td>
                                    <td>{{ $item->product_per_price }}</td>
                                    <td>{{ $item->product_subtotal_price }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                        <div>
                            <p>Shipping Address: {{ $order->shipping_address }}</p>
                            <p>Sub Total: {{ $order->sub_total }}</p>
                            <p>Discount: {{ $order->discount }}</p>
                            <p>Tax : {{ $order->tax }}</p>
                            <p>Total Amount: {{ $order->total_amount }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection