@extends('merchant.layout')

@section('title','Tracking')

@section('content')

<h3 class="fw-bold mb-4">Order Tracking</h3>

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

        <div class="table-responsive">
            <table class="table align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Order No</th>
                        <th>Customer</th>
                        <th>Status</th>
                        <th>Last Update</th>
                        <th>Tracking</th>
                    </tr>
                </thead>
                <tbody>

                @forelse($orders as $order)
                    <tr>
                        <td>#{{ $order->order_no }}</td>
                        <td>{{ $order->customer_name }}</td>
                        <td>
                            <span class="badge bg-secondary">
                                {{ ucfirst($order->status) }}
                            </span>
                        </td>
                        <td>{{ $order->updated_at->format('d M Y H:i') }}</td>
                        <td>
                            <button class="btn btn-sm btn-outline-primary"
                                    data-bs-toggle="modal"
                                    data-bs-target="#trackOrder{{ $order->id }}">
                                <i class="bi bi-geo-alt"></i> Track
                            </button>
                        </td>
                    </tr>

                    {{-- Tracking Modal --}}
                    @include('merchant.tracking.track-modal', ['order' => $order])

                @empty
                    <tr>
                        <td colspan="5" class="text-center text-muted">
                            No orders available for tracking
                        </td>
                    </tr>
                @endforelse

                </tbody>
            </table>
        </div>

        {{ $orders->links() }}

    </div>
</div>

@endsection