{% include 'AdminTemplates/adminDash.html' %} {% load static %}
{% block body %}
<style>
    .tag-button {
        background-color: #007BFF;
        /* Set your desired background color */
        color: #fff;
        /* Set text color */
        border: none;
        border-radius: 4px;
        padding: 5px 10px;
        margin-right: 5px;
        margin-bottom: 5px;
        cursor: pointer;
        font-size: 14px;
        /* Add more styles as needed */
    }

    .clickable-row {
        cursor: pointer;
    }
</style>
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>Company list</h4>
                <h6>Filtered by Company</h6>
            </div>
            <div class="page-btn">
                <a href="{% url 'addProduct' %}" class="btn btn-added">
                    <img src="{% static 'assets/img/icons/plus.svg' %}" class="me-1" alt="img">Add New Product
                </a>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-input">
                            <a class="btn btn-searchset"><img src="{% static 'assets/img/icons/search-white.svg' %}"
                                    alt="img"></a>
                        </div>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table datanew">
                        <thead>
                            <tr>
                                <th>Company Name</th>
                                <th>Contact Person</th>
                                <th>Contact Number</th>
                                <th>Email</th>
                                <th>Product Count</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for i in companies %}
                            <tr {% if i.company %}onclick="window.location.href='{% url 'companyProducts' i.company %}';"{% endif %} class="clickable-row">
                                <td class="productimgname">
                                    <span>{{ i.company }}</span>
                                </td>
                                <td>
                                    {{ i.contact_person|default:"N/A" }}
                                </td>
                                <td>
                                    {{ i.contact_no|default:"N/A" }}
                                </td>
                                <td>
                                    {{ i.email|default:"N/A" }}
                                </td>
                                <td>
                                    {{ i.product_count }}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
</div>

{% endblock body %}