{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
<title>Supplier</title>
{% endblock title %}
{% block Style %}

{% endblock Style %}

{% block MainContent %}

<div class="contents">
    
    {% if messages %}
        {% for message in messages %}
        <div class="alert alert-dismissible fade show {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %}"
            role="alert">{{ message }}
            <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"></button>
        </div>
        {% endfor %}
    {% endif %} 

    <div class="table-area">
        <div class="table-title">
            <div class="row">
                <div class="col-md-4">
                    <div class="style-name">
                        <h4>Suppliers</h4>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="add-btn">
                        <a href="{% url 'merchant_supplier_create' %}">
                            <button class="cus-btn" name="button" type="button">
                                <i aria-hidden="true" class="fa fa-plus-circle"></i>
                                Supplier
                            </button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="tables table-responsive" id="style_list">
            <table class="table  table-striped table-hover align-middle">
                <thead>
                <tr>
                    <th class="text-center" scope="col" style="vertical-align: middle; width: 20px;height: 40px;">SL
                    </th>
                    <th class="text-center table_header" scope="col">Code Number</th>
                    <th class="text-center table_header" scope="col">Supplier Name</th>
                    <th class="text-center" scope="col">Supplier Address</th>
                    <th class="text-center" scope="col">Email</th>
                    <th class="text-center" scope="col">Contact Number</th>
                    <th class="text-center" scope="col">Type</th>
                    <th class="text-center" scope="col">Created By</th>
                    <th class="text-center" scope="col">Status</th>
                    <th class="text-center" scope="col">Action</th>
                </tr>
                </thead>
                <tbody>
                {% if supplier_list %}
                {% for supplier in supplier_list %}
                <tr>
                    <td class="text-center align-middle">{{forloop.counter}}</td>
                    <td class="align-middle">{{ supplier.id }}</td>

                    <td class="align-middle">{{ supplier.supplier_name }}</td>
                    <td class="align-middle">{{ supplier.supplier_address }}</td>
                    <td class="align-middle">{{ supplier.email }}</td>
                    <td class="align-middle">{{ supplier.contact_number }}</td>
                    <td class="align-middle">{{ supplier.supplier_type }}</td>
                    <td class="align-middle">{{ supplier.created_by_user }}</td>
                    {% if  supplier.is_active %}
                        <td class="align-middle" style="color:green">{{ supplier.is_active }}</td>
                    
                    {% else  %}
                        <td class="align-middle" style="color:red">{{ supplier.is_active }}</td>

                    {% endif %}
                    <td class="align-middle">
                        <ul class="action">
                            <li>
                                <a href="{% url 'merchant_supplier_update' supplier.id %}" type="button">
                                    <i aria-hidden="true" class="fa fa-pencil"></i>
                                </a>
                            </li>
                            <li>
                                <a href="{% url 'merchant_supplier_delete' supplier.id %}" onclick="SweetDelete(event,this.href)">
                                    <i aria-hidden="true" class="fa fa-trash"></i>
                                </a>
                            </li>
                        </ul>
                    </td>
                </tr>
                {% endfor %}
                {% else %}
                <tr>
                    <td colspan='8' class='text-center'>No Data Found</td>
                </tr>
                {% endif %}
                </tbody>
            </table>
        </div>
    </div>
</div>
        
{% endblock MainContent %}

{% block meassage %}
{% endblock meassage %}

{% block JS %}
    <script src="{% static 'js/merchant_app/supplier/script.js' %}"></script>
{% endblock JS %}