{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}
<title>TNA HEAD</title>
{% endblock title %}
{% block Style %}
<style>
  .search {
    width: 94%!important;
  }
</style>

{% endblock Style %}

{% block MainContent %}


{% 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 type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  {% endfor %}
{% endif %}


{% if request.user.is_superuser == True %}
<div class="contents">
  <div class="table-area">
    <div class="table-title">
      <div class="row">
        <div class="col-md-4">
          <div class="depertment-name">
            <h4>Merchant Team</h4>
          </div>
        </div>
        <div class="col-md-8">
          <div class="add-btn">
            <a href="{% url 'tna_head_create' %}"> 
              <button id="mother-rganization" class="cus-btn"  type="button" name="button">
                <i class="fa fa-plus-circle" aria-hidden="true"></i>
                ADD HEAD
              </button>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="table-header bg-white">
        {% if tna_heads %}
            <div class="table-header">
                <div class="row">
                    <div class="col-md-3">
                    <div class="data-search">
                        <div class="input-group search">
                        <input type="search" class="form-control" id="searchTeam" placeholder="Search...">
                        <span class="input-group-text" id="searchBtn"><i class="fa fa-search" aria-hidden="true"></i></span>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="tables table-responsive" id="teamList">
                <table class="table  table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="text-center">SL No</th>
                            <th>Head</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for head in tna_heads  %}
                      <tr>
                        <td class="text-center">{{forloop.counter}}</td>
                        <td>{{ head.name }}</td>
                      
                    
                        <td>
                          <ul class="action">
                              <li>
                                  <a type="button" href="{% url 'tna_head_update' head.id %}">
                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                  </a>
                                </li>
                              <li>
                                  <a onclick="SweetDelete(event,this.href)" href="{% url 'tna_head_delete' head.id %}">
                                  <i class="fa fa-trash" aria-hidden="true"></i>
                                  </a>
                              </li>
                          </ul> 
                        </td>
                      </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        {% else %}
            <div class="table-area">
                <div class="tables table-responsive">
                    <table class="table  table-striped table-hover">
                        <thead>
                            <tr>
                                <th class="text-center">SL No</th>
                                <th>Head</th>
                                
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="text-align: center;" colspan="5">No Data Found</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        {% endif %}
    </div>
</div>
{% endif %}

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

{% include 'notifications/notifications.html' %}

{% endblock meassage %}

{% block JS %}
<script src="{% static 'js/merchant_app/settings/teams/script.js' %}"></script>
<script>
  var ajax_search_url = "{% url 'merchant_team_search' %}"
</script>
{% endblock JS %}