@extends('layouts.app')

@section('content')

<!-- HTML content for orders table -->
<div class="row recent-orders mt-4">
    <div class="col-12 productsTitle">
        <h2 class="h2">Order History for {{ $user->name }}</h2>                            
    </div>
    <div class="col-12 product-table table-responsive">
        <table class="table" cellpadding="0" cellspacing="0">
            <thead>
                <tr>
                    <th>Order Number</th>
                    <th>Total Amount</th>
                    <th>Status</th>
                    <th>Created At</th>
                </tr>
            </thead>
            <tbody>
                @if ($orders->isEmpty())
                    <tr>
                        <td><p>No orders found for this user.</p></td>
                    </tr>
                @else
                @foreach ($orders as $order)
                    <tr>
                        <td><a href="{{ route('orders.show', $order->id) }}" class="action-product">{{ $order->order_number }}</a></td>
                        <td>${{ number_format($order->billing_total, 2) }}</td>
                        <td>{{ ucfirst($order->status) }}</td>
                        <td>
                            @php
                            $date = $order->created_at;
                            $created_date = date_format($date,"H:i:s m/d/Y");
                            @endphp
                            {{ $created_date }}
                        </td>
                    </tr>
                @endforeach
                @endif
            </tbody>
        </table>
    </div>
</div>
@endsection