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

{% block title %}
<title>Salary Wise Designation</title>
{% endblock title %}

{% block 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 %}

<div class="contents">
    <div class="table-area">
        <div class="table-title">
            <div class="row">
                <div class="col-md-4">
                    <div class="depertment-name">
                        <h4>Salary Wise Designation</h4>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="add-btn">
                        <div class="add-btn">
                            <a href="{% url 'salarywise_designation_create' %}">
                                <button id="mother-rganization" class="cus-btn" type="button" name="button">
                                    <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                    Salary Wise Designation
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tables table-responsive" id="employeeList">
                <table class="table  table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="text-center">SL No</th>
                            <th class="text-center">Branch Name </th>
                            <th class="text-center">Department</th>                      
                            <th class="text-center">Designation</th>                      
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if attendance_bonous_query %}
                            {% for attendance in attendance_bonous_query %}
                                <tr>
                                    <td class="text-center">{{ forloop.counter }}</td>
                                    <td>{{ attendance.branch.branch.name_en }}</td>
                                    <td>{{ attendance.department.name_en }}</td>
                                    <td>{{ attendance.designation.name_en }}</td>
                                    <td class="text-center">
                                        <ul class="action">
                                            <li><a type="button" class="update-dept" href="{% url 'salarywise_designation_update' attendance.id %}"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
                                            <li><a  onclick="SweetDelete(event,this.href)" href="{% url 'salarywise_designation_delete' attendance.id %}"><i class="fa fa-trash" aria-hidden="true"></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>
</div>
{% endblock MainContent %}

{% block meassage %}
{% include 'notifications/notifications.html' %}
{% endblock meassage %}

{% block JS %}
<script>
    function SweetDelete(e,href){
    e.preventDefault()
    console.log("Event Fired")
    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 %}