@extends('customer.layout')

@section('title','My Orders')

@section('content')
<h4 class="fw-bold mb-4">My Orders</h4>

<div class="card shadow-sm">
    <div class="card-body">

        <table class="table align-middle">
            <thead>
                <tr>
                    <th>Order</th>
                    <th>Status</th>
                    <th>Amount</th>
                    <th>Date</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            @foreach($orders as $order)
                <tr>
                    <td>#{{ $order->order_no }}</td>
                    <td>
                        <span class="badge bg-{{ $order->status === 'delivered' ? 'success' : 'warning' }}">
                            {{ ucfirst($order->status) }}
                        </span>
                    </td>
                    <td>LKR {{ number_format($order->amount,2) }}</td>
                    <td>{{ $order->created_at->format('d M Y') }}</td>
                    <td class="text-end">
                        <a href="{{ route('customer.orders.show',$order->id) }}"
                           class="btn btn-sm btn-outline-secondary">
                            View
                        </a>
                        <a href="{{ route('customer.orders.track',$order->id) }}"
                           class="btn btn-sm btn-outline-primary">
                            Track
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>

        {{ $orders->links() }}

    </div>
</div>
@endsection