@extends('merchant.layout')

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

@section('content')  

<div class="d-flex justify-content-between mb-4">
    <h4 class="fw-bold">All Pickup Requests</h4>
    <a href="{{ route('merchant.pickups.create') }}"
       class="btn btn-primary">
        <i class="bi bi-plus-circle"></i> New Pickup
    </a>
</div>

@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif

<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>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pickups as $pickup)
                <tr>
                    <td>{{ $pickup->id }}</td>
                    <td>{{ $pickup->pickup_address }}</td>
                    <td>{{ \Carbon\Carbon::parse($pickup->pickup_date)->format('d M Y') }}</td>
                    <td>
                        <span class="badge 
                            @if($pickup->status === 'pending') bg-warning
                            @elseif($pickup->status === 'completed') bg-success
                            @else bg-secondary @endif">
                            {{ ucfirst($pickup->status) }}
                        </span>
                    </td>
                    <td class="text-end">
                        <a href="#" class="btn btn-sm btn-outline-info">
                            <i class="bi bi-map"></i> Track
                        </a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center text-muted py-4">
                        No pickups found
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="mt-3">
    {{ $pickups->links() }}
</div>

@endsection