{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Create SalarySheets</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-12">
          <div class="depertment-name">
            <h3>Multiple Employee Salary Sheet Create</h3>
          </div>
        </div>
      </div>
    </div>
  {% if request.user.is_superuser == True %}
  {% include 'payroll/salary_sheet/multiple_runing_employee/super_admin_forms.html' %}
  {% endif %}

  {% if request.user.user_type == 'Mother_Organization_admin' %}
  {% include 'payroll/salary_sheet/multiple_runing_employee/mother_admin_forms.html' %}
  {% endif %}

  {% if request.user.user_type == 'Sister_Organization_admin' %}
  {% include 'payroll/salary_sheet/multiple_runing_employee/sister_admin_forms.html' %}
  {% endif %}

  {% if request.user.user_type == 'Branch' or request.user.user_type == 'Regular' %}
  {% include 'payroll/salary_sheet/multiple_runing_employee/branch_admin_forms.html' %}
  {% endif %}
</div>
{% if salary_sheet_list %}

<div class="table-header">
  <div class="col-md-4" style="float:left;">
    <div class="row" style="margin-top: 10px;margin-bottom: 8px; ">
      <div class="col-md-12" style="text-align: right;">
        <a href="{% url 'salary-sheet-index' %}">
          <button type="submit" class="cus-btn" >Save</button>
        </a>
      </div>
    </div>
  </div>

  <form action="{% url 'salary-sheet-delete' %}" method="POST">
    {% csrf_token %}
    <div class="row" style="margin-top: 10px;margin-bottom: 8px; ">
      <div class="col-md-12" style="text-align: right;">
        <button type="submit" class="cus-btn" >Delelte</button>
      </div>
      
    </div>
  
  <div class="tables table-responsive" id="employee-attendance-general-report-table-pdf">
    <table class="table table-striped table-hover">
      <thead>
        <tr>
          <th class="text-center" colspan = "7" ></th>
          <th class="text-center" colspan = "9" >S &nbsp &nbsp A &nbsp &nbsp L &nbsp &nbsp A &nbsp &nbsp R &nbsp &nbsp Y</th>
          <th class="text-center" colspan = "3">Over Time</th>
          <th class="text-center" colspan = "2"></th>
          <th class="text-center" colspan = "1"><div class="checkbox">
            <input style="height: 17px; width: 17px;" type="checkbox" class="check" id="checkAll"> Check All
          </div></th>
        </tr>
        <tr>
          <th class="text-center">Code <br> SL No</th>
          <th class="">Name <br> Joining Date</th>
          <th class="text-center">Gra-de</th>
          <th class="">Designation</th>
          <th class="text-center">TTL Day <br> Pr, Day</th>
          <th class="text-center">Weekend <br> GH</th>
          <th class="text-center">CL <br> ML <br> SL <br> EL <br> OL <br> UL </th>
          <th class="text-center">Basic</th>
          <th class="text-center">HR</th>
          <th class="text-center">Food</th>
          <th class="text-center">Conveyance</th>
          <th class="text-center">Medical</th>
          <th class="text-center">Gross Salary</th>
          <th class="text-center">Abs-ence-day</th>
          <th class="text-center">Absent-Penalty amount</th>
          <th class="text-center">Payable Tk</th>
          <th class="text-center">Hours</th>
          <th class="text-center">Rate</th>
          <th class="text-center">Payable Tk</th>
          <th class="text-center">Att Bonus</th>

          <th class="text-center">Total Salary</th>
          <th class="text-center">Stamp</th>
          <th class="text-center">Action</th>
        </tr>
      </thead>
      <tbody>
          
        {% for salary_sheet in salary_sheet_list %}
        
        <tr>
          <td class="">{{salary_sheet.salary_sheet.employee.employee_code}} <br>{{ forloop.counter }}</td>
          <td class="">{{salary_sheet.salary_sheet.employee.name_en}} <br> {{salary_sheet.salary_sheet.employee.joining_date}}</td>
          <td class="">{{salary_sheet.salary_sheet.employee.grade}}</td>
          <td class="">{{salary_sheet.salary_sheet.employee.designation.name_en}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.total_working_day}} <br> {{salary_sheet.salary_sheet.total_present_day}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.weekly_holiday}} <br> {{salary_sheet.salary_sheet.general_holiday}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.cl}} <br> {{salary_sheet.salary_sheet.ml}} <br> {{salary_sheet.salary_sheet.ol}} <br> {{salary_sheet.salary_sheet.el}} <br> {{salary_sheet.salary_sheet.sl}} <br> {{salary_sheet.salary_sheet.ul}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.basic}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.house_rent}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.food}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.conveyance}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.medical}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.gross_salary}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.absent_day}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.absent_penalty_amount|floatformat:2}}</td>
          <td class="text-center">{{salary_sheet.payable_taka|floatformat:2}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.over_time_hours}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.over_time_rate|floatformat:2}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.over_time_payable_taka|floatformat:2}}</td>
          <td class="text-center"> {% if salary_sheet.salary_sheet.attendance_bonus_amount %}
                                      {{salary_sheet.salary_sheet.attendance_bonus_amount}}
                                        {% else %}     
                                        0   
                                        {% endif %} 
                </td>
          <td class="text-center">{{salary_sheet.total_salary |floatformat:2}}</td>
          <td class="text-center">{{salary_sheet.salary_sheet.stamp}}</td>
          <td>
            <li>
              <input class="form-check-input" type="checkbox" name="delete_salary_sheet" value="{{salary_sheet.salary_sheet.id}}" id="flexCheckDefault">
            </li>
          </td>
        </tr>
        {% endfor %}
          <tr>
            <td  colspan = "22"></td>
          </tr>
          <tr>
            <td class="text-center fw-bold"  colspan = "7" > Total</td>
            <td class="text-center fw-bold">{{total_basic}}</td>
            <td class="text-center fw-bold">{{total_hr}}</td>
            <td class="text-center fw-bold">{{total_food}}</td>
            <td class="text-center fw-bold">{{total_conveyance}}</td>
            <td class="text-center fw-bold">{{total_medical}}</td>
            <td class="text-center fw-bold">{{total_gross}}</td>
            <td class="text-center fw-bold">-</td>
            <td class="text-center">-</td>
            <td class="text-center">-</td>
            <td class="text-center">-</td>
            <td class="text-center">-</td>
            <td class="text-center">-</td>
            <td class="text-center fw-bold">{{total_payable}}</td>
            <td class="text-center">-</td>
            <td class="text-center">-</td>
          </tr>
      </tbody>
    </table>
  </form> 
  </div>
</div>

{% endif %}

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

{% block JS %}
<script type=text/javascript>
    var load_branch_url = "{% url 'ajax_load_branchs' %}"
    var load_emp = "{% url 'salary-employee-load' %}"
    var load_sister_organization_url = "{% url 'sister-organization-load' %}"
    var load_branch_organization_url = "{% url 'load-branch-organization' %}"
    var load_department_url = "{% url 'ajax-load-department' %}"


    $("#checkAll").click(function () {
      $(".form-check-input").prop('checked', $(this).prop('checked'));
    });

  </script>
<script src="{% static 'js/payroll/salary_sheet/create.js' %} "></script>
{% endblock JS %}