{% for p in products %}
<tr>
    <td>{{p.id}}</td>
    <td>{{forloop.counter}}</td>
    <td>{{p.product_code}}</td>
    <td>{{p.name}}</td>
    <td>{{p.prod_category}}</td>
    <td class="text-right">{{p.l_sale_price}}</td>
    <td class="text-center">{{p.present_stock}}</td>
    <td class="text-center">
        <!--Update-->
        {% if 'products_edit' in allowed_features %}
        <a href="{% url 'products:products_edit_with_id' p.id %}" class="text-decoration-none">
            <button  type="button" class="btn btn-warning btn-sm" data-bs-toggle="tooltip" title="Update product">
                <i class="fas fa-pen"></i>
            </button>
        </a>
        {% endif %}
        <!--Delete modal-->
        {% if 'products_delete' in allowed_features %}
        <a class="text-decoration-none">
            <button rel="delete" type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal">
                <i class="fas fa-trash"></i>
            </button>
        </a>
        {% endif %}

        <!-- Linked Products -->
        <button type="button" class="btn btn-info btn-sm btn-linked-products"
                data-id="{{ p.id }}" data-name="{{ p.name }}"
                data-bs-toggle="tooltip" title="Linked Products">
            <i class="fas fa-link"></i>
        </button>

        <!-- Modal -->
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete product</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div id="updateThisText" class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <a id="updateThisURL" href="{% url 'products:products_delete' p.id %}" class="text-decoration-none">
                        <button type="button" class="btn btn-danger">Delete</button>
                    </a>
                </div>
            </div>
            </div>
        </div>
    </td>
</tr>
{% empty %}
<tr>
    <td colspan="8" class="text-center text-muted py-4">No products found.</td>
</tr>
{% endfor %}