@extends('member.dashboard')

@php
function getStatusBadgeClass($status)
{
return match ($status) {
'pending' => 'bg-warning',
'processing' => 'bg-primary',
'shipping' => 'bg-info',
'delivered' => 'bg-success',
'completed' => 'bg-success',
'canceled' => 'bg-danger',
'refunded' => 'bg-danger',
default => 'bg-secondary',
};
}
@endphp
@section('member-content')
<div id="commandes" class="">
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-2">
            <h4 class="mb-0">{{ __('member.order.order_subtitle') }}</h4>
        </div>
        <div class="card-body">

            <table class="table table-responsive table-striped table-borderless">
                <thead class="mb-3">
                    <tr>
                        <th>{{ __('member.order.order_number') }}</th>
                        <th>{{ __('member.order.order_date') }}</th>
                        <th>{{ __('member.order.order_status') }}</th>
                        <th>{{ __('member.order.order_amount') }}</th>
                        <th class="text-end">{{ __('member.order.order_action_title') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($orders as $order)
                    <tr>
                        <td>#{{ $order->order_reference }}</td>
                        <td>{{ $order->created_at->format('d/m/Y') }}</td>
                        <td>
                            <span class="badge {{ getStatusBadgeClass($order->status) }}">
                                {{ $order->status->label() }}
                            </span>
                        </td>
                        <td>{{ $order->total_amount }}€</td>
                        <td class="text-end">
                            <a href="{{ route('member.order-view', $order->id) }}" class="btn btn-sm btn-secondary" title="{{ __('member.order.order_action_view') }}">
                                <span class="ti-eye"></span>
                            </a>
                        </td>
                    </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection