@extends('merchant.layout')

@section('title','Completed Pickups')
@section('page-title','Completed Pickups')

@section('content')  

<h4 class="fw-bold mb-4">Completed Pickups</h4>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Pickup Address</th>
                    <th>Date</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pickups as $pickup)
                <tr>
                    <td>{{ $pickup->id }}</td>
                    <td>{{ $pickup->pickup_address }}</td>
                    <td>{{ $pickup->pickup_date }}</td>
                    <td>
                        <span class="badge bg-success">
                            Completed
                        </span>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="4" class="text-center text-muted py-4">
                        No completed pickups
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@endsection