@foreach($pricings as $pricing)
    <tr>
        <td class="text-center align-middle">
            <input type="checkbox" class="select-row" data-id="{{ $pricing->id }}">
        </td>
        <td>
            <div class="route-info">
                <div class="d-flex align-items-center mb-1">
                    <i class="bi bi-geo-alt text-success me-2"></i>
                    <strong>{{ $pricing->pickupDistrict->name }}</strong>
                </div>
                <div class="d-flex align-items-center">
                    <i class="bi bi-geo-alt-fill text-danger me-2"></i>
                    <strong>{{ $pricing->dropDistrict->name }}</strong>
                </div>
            </div>
        </td>
        <td>
            <span class="badge 
                @if($pricing->service_type === 'standard') bg-primary
                @elseif($pricing->service_type === 'express') bg-warning
                @else bg-danger
                @endif fs-6">
                {{ ucfirst($pricing->service_type) }}
            </span>
        </td>
        <td>
            <div class="pricing-details" data-pricing-id="{{ $pricing->id }}">
                <div class="row g-2 align-items-center">
                    <div class="col-6 col-md-4">
                        <label class="form-label small mb-0">Base</label>
                        <input type="number" step="0.01" min="0" class="form-control form-control-sm inline-input" value="{{ $pricing->base_rate }}" data-field="base_rate" disabled>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label small mb-0">Per KG</label>
                        <input type="number" step="0.01" min="0" class="form-control form-control-sm inline-input" value="{{ $pricing->per_kg_rate }}" data-field="per_kg_rate" disabled>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label small mb-0">Min</label>
                        <input type="number" step="0.01" min="0" class="form-control form-control-sm inline-input" value="{{ $pricing->minimum_charge }}" data-field="minimum_charge" disabled>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label small mb-0">Max</label>
                        <input type="number" step="0.01" min="0" class="form-control form-control-sm inline-input" value="{{ $pricing->maximum_charge }}" data-field="maximum_charge" disabled>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label small mb-0">Days</label>
                        <input type="number" min="1" class="form-control form-control-sm inline-input" value="{{ $pricing->estimated_days }}" data-field="estimated_days" disabled>
                    </div>
                    <div class="col-12 mt-1">
                        <div class="btn-group btn-group-sm" role="group">
                            <button type="button" class="btn btn-outline-secondary inline-edit-btn"><i class="bi bi-pencil"></i> Edit Inline</button>
                            <button type="button" class="btn btn-outline-primary inline-save-btn d-none"><i class="bi bi-check"></i> Save</button>
                            <button type="button" class="btn btn-outline-secondary inline-cancel-btn d-none"><i class="bi bi-x"></i> Cancel</button>
                        </div>
                    </div>
                </div>
            </div>
        </td>
        <td>
            <span class="badge bg-info fs-6">
                {{ $pricing->estimated_days }} {{ $pricing->estimated_days == 1 ? 'day' : 'days' }}
            </span>
        </td>
        <td>
            <div class="form-check form-switch">
                <input class="form-check-input status-toggle" type="checkbox" 
                       data-pricing-id="{{ $pricing->id }}"
                       {{ $pricing->is_active ? 'checked' : '' }}>
                <label class="form-check-label">
                    <span class="badge {{ $pricing->is_active ? 'bg-success' : 'bg-secondary' }}">
                        {{ $pricing->is_active ? 'Active' : 'Inactive' }}
                    </span>
                </label>
            </div>
        </td>
        <td>
            <div class="btn-group" role="group">
                <a href="{{ route('admin.pricing.edit', $pricing) }}" 
                   class="btn btn-sm btn-outline-primary" title="Edit">
                    <i class="bi bi-pencil"></i>
                </a>
                <button type="button" class="btn btn-sm btn-outline-danger delete-pricing" 
                        data-pricing-id="{{ $pricing->id }}"
                        data-route="{{ $pricing->pickupDistrict->name }} → {{ $pricing->dropDistrict->name }}"
                        data-service="{{ ucfirst($pricing->service_type) }}"
                        title="Delete">
                    <i class="bi bi-trash"></i>
                </button>
            </div>
        </td>
    </tr>
@endforeach