{% extends "marchant_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 'supplier-create' %}">
                            <button class="cus-btn" id="mother-rganization" 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">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">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.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>
                    <td class="align-middle">
                        <ul class="action">
                            <li>
                                <a href="{% url 'supplier-update' supplier.id %}" type="button">
                                    <i aria-hidden="true" class="fa fa-pencil"></i>
                                </a>
                            </li>
                            <li>
                                <a href="{% url '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='5' class='text-center'>No Data Found</td>
                </tr>
                {% endif %}
                </tbody>
            </table>
        </div>
    </div>
</div>
        
{% endblock MainContent %}

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

{% block JS %}
<script>
function SweetDelete(e,href){
    e.preventDefault()
    var self = $(this)
    Swal.fire({
      title: 'Are you sure?',
      text: "You won't be able to revert this!",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
      if (result.isConfirmed) {
        Swal.fire(
          'Deleted!',
          'Your file has been deleted.',
          'success',
          
        )
        location.href = href
    
      }
    })
  }
  </script>
  
{% endblock JS %}