{% for service in services %}
<tr>
    <td>{{ service.id }}</td>
    <td>{{ service.name }}</td>
    <td>{{ service.unit_price }}</td>
    <td class="{% if service.status == 'active' %}text-success{% else %}text-danger{% endif %}">
        {{ service.status|title }}
    </td>
    <td class="text-center">
        <a href="{% url 'core:service-edit' id=service.id %}" class="btn btn-primary btn-sm">Edit service</a>

        <input type="radio" class="btn-check change-status" name="options-{{ service.id }}" id="success-{{ service.id }}" data-id="{{ service.id }}" data-status="active" autocomplete="off" {% if service.status == 'active' %}checked{% endif %}>
        <label class="btn btn-outline-success btn-sm" for="success-{{ service.id }}">Active</label>

        <input type="radio" class="btn-check change-status" name="options-{{ service.id }}" id="danger-{{ service.id }}" data-id="{{ service.id }}" data-status="inactive" autocomplete="off" {% if service.status == 'inactive' %}checked{% endif %}>
        <label class="btn btn-outline-danger btn-sm" for="danger-{{ service.id }}">Inactive</label>
    </td>
</tr>
{% empty %}
<tr>
    <td colspan="5">نتیجه‌ای پیدا نشد.</td>
</tr>
{% endfor %}