{% extends "base.html" %}
{% load i18n %}

{% block title %}{% trans "Additional Services" %}{% endblock title %}

{% block additional_services %}
<a class="nav-link active fw-bold">
    {% trans "Additional Services" %}
    <span class="visually-hidden">(current)</span>
</a>
{% endblock %}

{% block content %}
<a href="{% url 'additional_service_create' %}" class="btn btn-sm btn-success">{% trans "Create" %}</a>

<table class="table">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">Name</th>
        <th scope="col">Arabic Name</th>        
        <th scope="col">Description</th>        
        <th scope="col">Price</th>        
        <th scope="col">Vatable</th>        
        <th scope="col">Actions</th>        
      </tr>
    </thead>
    <tbody>
        {% for service in services %}
        <tr>
            <th scope="row"></th>
            <td>{{service.name}}</td>
            <td>{{service.arabic_name}}</td>
            <td>{{service.description}}</td>
            <td>{{service.price}}</td>
            <td>{{service.vatable}}</td>
            <td>
                <a href="{% url 'additional_service_detail' service.id %}" class="btn btn-sm btn-info">{% trans "Details" %}</a>
                <a href="{% url 'additional_service_update' service.id %}" class="btn btn-sm btn-primary">{% trans "Update" %}</a>
            </td>
        </tr>      
        {% endfor %}      
    </tbody>
  </table>


{% endblock %}