@foreach($districts as $district)
    <tr class="table-row" tabindex="0" aria-label="District {{ $district->name }}">
        <td>
            <div class="d-flex align-items-center">
                <div class="district-icon bg-primary text-white me-3" aria-hidden="true">
                    <i class="bi bi-geo-alt"></i>
                </div>
                <div>
                    <strong>{{ $district->name }}</strong>
                    <br><small class="text-muted">ID: {{ $district->id }}</small>
                </div>
            </div>
        </td>
        <td>
            <span class="badge bg-info fs-6">{{ $district->province }}</span>
        </td>
        <td>
            <div class="row text-center">
                <div class="col-4">
                    <div class="small">
                        <div class="h6 text-primary mb-0">{{ $district->pickup_orders_count }}</div>
                        <small class="text-muted">Pickups</small>
                    </div>
                </div>
                <div class="col-4">
                    <div class="small">
                        <div class="h6 text-success mb-0">{{ $district->drop_orders_count }}</div>
                        <small class="text-muted">Drops</small>
                    </div>
                </div>
                <div class="col-4">
                    <div class="small">
                        <div class="h6 text-info mb-0">{{ $district->offices_count }}</div>
                        <small class="text-muted">Offices</small>
                    </div>
                </div>
            </div>
        </td>
        <td>
            <div class="text-center">
                @if($district->is_active)
                    <span class="badge bg-success">Active</span>
                    <br><small class="text-muted">Available</small>
                @else
                    <span class="badge bg-danger">Inactive</span>
                    <br><small class="text-muted">Unavailable</small>
                @endif
            </div>
        </td>
        <td>
            <div class="small">
                {{ $district->created_at->format('M d, Y') }}
                <br>{{ $district->created_at->format('h:i A') }}
            </div>
        </td>
        <td>
            <div class="btn-group" role="group" aria-label="Row actions for {{ $district->name }}">
                <a href="{{ route('admin.districts.edit', $district) }}" class="btn btn-sm btn-outline-primary" aria-label="Edit {{ $district->name }}">
                    <i class="bi bi-pencil"></i>
                </a>
                <button type="button" class="btn btn-sm btn-outline-info" data-bs-toggle="modal" data-bs-target="#viewModal{{ $district->id }}" aria-label="View {{ $district->name }} details">
                    <i class="bi bi-eye"></i>
                </button>
                @if($district->pickup_orders_count == 0 && $district->drop_orders_count == 0 && $district->offices_count == 0)
                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteDistrict({{ $district->id }})" aria-label="Delete {{ $district->name }}">
                        <i class="bi bi-trash"></i>
                    </button>
                @endif
            </div>
        </td>
    </tr>
@endforeach