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


{% block Style %}
 
{% endblock Style %}

{% block MainContent %}
<!-- dashboard-grids -->
<div class="dashboard-grids">
    {% comment %} <marquee width="100%" direction="left" height="20px" style="color: red">
        For any query please contact to O'Dell Group IT Team (Md Ramjan)
    </marquee> {% endcomment %}
    {% if request.user.user_type == 'Branch'%}
    <!--<div class="contents">-->
    <!--  <div class="table-area table-responsive">-->
    <!--    <div class="table-title">-->
    <!--      <div class="row">-->
    <!--        <img src="{% static 'img/eid_greetings.jpg' %}" class="img-fluid" alt="Responsive image">-->
    <!--      </div>-->
    <!--    </div>     -->
    <!--  </div>    -->
    <!--</div>-->
    <div class="row">
        <div class="col-sm-6 col-md-4 col-lg-3">
            <div class="dashboard-grid bg-green">
                <div class="icons">
                  <i class="fa fa-users" aria-hidden="true"></i>
                </div>
                <div class="grid-text">
                    <h3>{{employees}}</h3>
                      <h4>Total Employee</h4>
                </div>
                <a href="#">Total Employee</a>
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3">
            <div class="dashboard-grid bg-pase">
                <div class="icons">
                  <i class="fa fa-user-plus" aria-hidden="true"></i>
                </div>
              <div class="grid-text">
                <h3>{{t_present}}</h3>
                <h4>Today's Presents</h4>
                </div>
                <a href="#">Today's Presents</a>
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3">
            <div class="dashboard-grid bg-bringal">
                <div class="icons">
                  <i class="fa fa-user-times" aria-hidden="true"></i>
                </div>
              <div class="grid-text">
                <h3>{{t_absent}}</h3>
                <h4>Today's Absents</h4>
                </div>
                <a href="#">Today's Absents</a>
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3">
            <div class="dashboard-grid bg-darkgreen">
                <div class="icons">
                  <i class="fa fa-user" aria-hidden="true"></i>
                </div>
              <div class="grid-text">
                <h3>{{today_movement}}</h3>
                <h4>Today's Movement</h4>
                </div>
                <a href="#">Today's Leave</a>
            </div>
        </div>

    </div>
    <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="dashboard-grid bg-green">
                    <div class="icons">
                      <i class="fa fa-user-plus" aria-hidden="true"></i>
                    </div>
                    <div class="grid-text">
                        <h3>{{employee_total_present}}</h3>
                          <h4>Total Present</h4>
                    </div>
                    <a href="#">Total Present </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="dashboard-grid bg-pase">
                    <div class="icons">
                      <i class="fa fa-user-times" aria-hidden="true"></i>
                    </div>
                  <div class="grid-text">
                    <h3>{{employee_total_absent}}</h3>
                    <h4>Total Absents</h4>
                    </div> 
                    <a href="#">Total Absents</a>
                </div>
            </div>
        </div>
    {% endif %}
    {% if request.user.user_type == 'Regular'%}
    <div class="contents">

    </div>
    <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="dashboard-grid bg-green">
                    <div class="icons">
                      <i class="fa fa-user-plus" aria-hidden="true"></i>
                    </div>
                    <div class="grid-text">
                        <h3>{{employee_total_present}}</h3>
                          <h4>Total Present</h4>
                    </div>
                    <a href="#">Total Present </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="dashboard-grid bg-pase">
                    <div class="icons">
                      <i class="fa fa-user-times" aria-hidden="true"></i>
                    </div>
                  <div class="grid-text">
                    <h3>{{employee_total_absent}}</h3>
                    <h4>Total Absents</h4>
                    </div> 
                    <a href="#">Total Absents</a>
                </div>
            </div>
        </div>
    {% endif %}
</div>

<!-- current-status -->
{% if leave_balance %}
<div class="current-status">
  <div class="title2">
      <h3>Current leave status </h3>
  </div>
  {% for item in leave_balance  %}
  <div class="status">
      <ul>
          <li><b>{{item.0}}</b></li>
          <li>Total Leave: {{item.1}}</li>
          <li>Spent Leave: {{item.3}}</li>
          <li>Leave Balance: {{item.4}}</li>
          <li>Year: {{item.2}}</li>
      </ul>
  </div>
  {% endfor %}
</div>
{% endif %} 
  <!-- current-status -->
{% if month_list   %}

  <!-- month-summary -->
  <div class="month-summary">
      <div class="title2">
          <h3>Monthly Attendance Summary</h3>
      </div>

      <div class="table-responsive">
        <div class="summary">
          <table class="table month">
              <thead>
                  <tr>
                    {% for item in  month_list %}
                    <th scope="col">{{item}}</th>
                    {% endfor %}
                  </tr>
              </thead>
              <tbody>
                {% for week in day_list %}
                <tr>
                
                {% for day in week %}
                {% if day.1 == 'H' %}
                <td><span class="weeknd">{{day.0}}</span> </td>
                {% endif %}
                 {% if day.1 == 'P' %}
                 <td><span class="present">{{day.0}}</span> </td>
                 {% endif %}
                  {% if day.1 == 'A' %}
                 <td><span class="absents">{{day.0}}</span> </td>
                 {% endif %}
                 {% if day.1 == 'L' %}
                 <td><span class="delay">{{day.0}}</span> </td>
                 {% endif %}
                 {% if day.1 == 'W' %}
                 <td><span class="">{{day.0}}</span> </td>
                 {% endif %}
                 {% if day.1 == 'LL' %}
                 <td><span class="leave">{{day.0}}</span> </td>
                 {% endif %}
                {% if day.1 == 'PP' %}
                 <td><span class="partial">{{day.0}}</span> </td>
                 {% endif %}
                {% endfor %}
             
              </tr>
                {% endfor %}
              </tbody>
              
          </table>
          <div class="hinch">
              <ul>
                  <li><span class="delay-leave"></span> Leave </li>
                  <li><span class="delay-color"></span> Late </li>
                  <li><span class="delay-colo"></span>Presents</li>
                  <li><span class="absents-color"></span> Absents</li>
                  <li><span class="weeknd-color"></span> Weeknd</li>
                  <li><span class="partial-color"></span> Partial</li> 
              </ul>
          </div>
        </div>
      </div>
  </div>
  {% endif %}
<!-- dashboard-grids -->
<div class="dashboard-grids">
  <div class="title2">
    <h3>{{salary_month}} - {{salary_year}} , Salary Information</h3>
</div>
<div class="table-area">
  <div class="tables table-responsive" id="employee-attendance-general-report-table-pdf">

      <table class="table  table-striped table-hover" id="tbl_absent_export">
        <thead>

        <tr>  
          <th class="text-center" colspan = "6" ></th>
          <th class="text-center" colspan = "6" >Gross Salary</th>
          <th class="text-center" colspan = "5">Deduction</th>
          <th class="text-center" style ="margin-top:25px !important;" rowspan="2">Payable</th>
          <th class="text-center" colspan = "4">Others Deduction</th>
          <th class="text-center" style ="margin-top:25px !important;" rowspan="2">Net Payable</th>
          <th class="text-center" style ="margin-top:25px !important;" rowspan="2">Signature</th>
        </tr>
        <tr>
          <th class="text-center salary_th">SL No</th>
          <th class="text-center salary_th">Name of the Employee</th>
          <th class="text-center salary_th">Designation</th>
          <th class="text-center salary_th">Bank AC No</th>
          <th class="text-center salary_th">Present Days</th>
          <th class="text-center salary_th">Absent Days</th>
          <th class="text-center salary_th">Basic</th>
          <th class="text-center salary_th">HR</th>
          <th class="text-center salary_th">M.Allow</th>
          <th class="text-center salary_th">Conv.</th>
          <th class="text-center salary_th">Food</th>
          <th class="text-center salary_th">Total</th>
          <th class="text-center salary_th">TAX</th>
          <th class="text-center salary_th">Stamp</th>
          <th class="text-center salary_th"> Absent <br> Late</th>
          <th class="text-center salary_th">S. Adv.</th>
          <th class="text-center salary_th">Total</th>
          {% comment %} <th class="text-center salary_th" rowspan="2"></th> {% endcomment %}
          <th class="text-center salary_th">Lunch Bill</th>
          <th class="text-center salary_th">Personal Loan</th>
          <th class="text-center salary_th">By Cash Voucher</th>
          <th class="text-center salary_th">Total</th>
          {% comment %} <th class="text-center salary_th"> Net Payable</th> {% endcomment %}
          {% comment %} <th class="text-center salary_th">Signature</th> {% endcomment %}
        </tr>

          </thead>
          <tbody>

          {% for department_list in department_temp  %}
            {% if department_list.0.0  %}
            <td colspan="4" class="fw-bold mt-2">{{department_list.0.0}}</td>
            
            {% endif %}
          {% for employee in department_list  %}

                 
            

              {% if forloop.last %}
              
              <tr>
                  <td></td>

                  <td colspan="21">Sub Total</td>
                  <td class="fw-bold"> {{employee}}</td>
                  <td></td>
               </tr>
               {% else %}

               <tr>
                
                <td class="text-center">{{forloop.counter}}</td>
                <td>{{ employee.3 }}</td>
                <td>{{ employee.8}}</td> 
                <td>{{ employee.9}}</td>
                <td>{{ employee.10}}</td>
                <td>{{ employee.11}}</td>
                <td>{{ employee.12}}</td>
                <td>{{ employee.13}}</td>
                <td>{{ employee.14}}</td>
                <td>{{ employee.15}}</td> 
                 <td>{{ employee.16}}</td>
                <td>{{ employee.17}}</td> 
                <td>{{ employee.18}} </td>
                <td>{{ employee.19}}</td>
               
                <td>{{ employee.20}} <br> {{ employee.21}}</td>
                 <td>{{ employee.22}}</td>
                <td>{{ employee.23}}</td> 
                <td>{{ employee.24}}</td> 
                <td>{{ employee.25}}</td> 
                <td>{{ employee.26}}</td> 
                <td>0</td> 
                <td>{{ employee.27}}</td> 
                <td>{{ employee.28}}</td> 
                <td></td>
              </tr>
              {% endif %} 
              {% endfor %}
              {% endfor %}
              <td></td>

              <td colspan="5" class="text-center fw-bold">Grand Total</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td class="fw-bold">{{grant_total}}</td>

              <td></td>
          </tbody>
      </table>
  </div>
</div>
</div>
{% endblock MainContent %}
{% block meassage %}

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

{% endblock meassage %}


{% block JS %}

{% endblock JS %}