{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
  <title>Employee Wages 23 Report</title>
{% endblock title %}
{% load widget_tweaks %}
{% block Style %}
<style>
  .right{
    text-align: right !important;
  }
  .table1 td {
    line-height: 1 !important;
    font-size: 12px !important;
    color:black !important;
  }
  .table1 th {
    line-height: 1 !important;
    font-size: 12px !important;
    color:black !important;
  }
  .job_card{
    font-size: 12px !important;
  }
  p {
    word-break: break-all;
    white-space: normal;
  }

</style>

{% endblock Style %}

{% block MainContent %}

<div class="contents">
  <div class="table-area">
    <div class="table-title">
      <div class="row">
        <div class="col-md-4">
          <div class="depertment-name">
            <h3>All Employee Wages 23 Report</h3>
          </div>
        </div>
      </div>
    </div>
    {% if request.user.is_superuser == True %}
    {% include 'report_app/multiple_employee_monthly_report/super_admin_forms.html' %}
    {% endif %}

    {% if request.user.user_type == 'Mother_Organization_admin' %}
    {% include 'report_app/multiple_employee_monthly_report/mother_admin_forms.html' %}
    {% endif %}

    {% if request.user.user_type == 'Sister_Organization_admin' %}
    {% include 'report_app/multiple_employee_monthly_report/sister_admin_forms.html' %}
    {% endif %}

    {% if request.user.user_type == 'Branch' %}
    <form method="post" id="personForm" data-cities-url="" novalidate>
        {% csrf_token %}
        <div class="table-header">
          <div class="row">
            <div class="col-md-2 fw-bold">
              {{search_form.department|as_crispy_field }}
            </div> 
            <div class="col-md-2 fw-bold">
              {{search_form.designation|as_crispy_field }}
            </div> 
            <div class="col-md-2 fw-bold">
                {{search_form.employee|as_crispy_field }}
              </div> 
            <div class="col-md-1" style="margin-top: 31px;">
              <button type="submit" class="cus-btn">Show</button>
            </div>
          </div>
        </div>
      </form>
    {% endif %}
</div>
{% if all_employee_dict %}
  
<div class="table-area">
  <div class="right">
   <button onclick="ExportToExcel('xlsx')" class="cus-btn" style="width:70px; height:30px"><i class="fa fa-file-excel-o" aria-hidden="true"></i></button>
    <button type="button" id="employee-attendance-general-report-pdf-button" class="cus-btn" style="width:70px; height:30px"><i class="fa fa-print" style="font-size: 16px; color:#fff"></i></button>
  </div>
<div>

<div class="table-area">

  <div class="tables table-responsive m-0 p-0" id="employee-attendance-general-report-table-pdf">
    {% for employee in all_employee_dict %} 

    <div class="m-auto" style="width: 95%; height: 1100px !important;">
        <div>
            <h4 class="m-0 p-0" style = 'text-align: center'>{{ branch.name_bn }}</h4>
            <h6 class="m-0 p-0"  style = 'text-align: center;font-size:12px !important;'>{{ branch.address_details }}</h6>
          </div>
    <table class="table table1 mt-2" id="single_employee_attendance_report" >
        <tr>
            <td colspan="12"  style="border:none; font-size:12px !important;"> ২২ ডিসেম্বর, ২০২৩ইং</td>
        </tr>
        <tr style="margin-top:5px !important;">
            <th colspan="1" style="border:none;font-size:12px !important; width:15% !important;"> নাম : </th>
            <td colspan="12" style="border:none; text-align: left !important;"> {{employee.0.name_bn}}</td>
        </tr>
        <tr>
            <th colspan="1"  style="border:none;font-size:12px !important; width:15% !important;"> পদবী : </th>
            <td colspan="12" style="border:none; text-align: left !important; "> {{employee.7}}</td>
        </tr>
        <tr>
            <th colspan="1"  style="border:none;font-size:12px !important; width:15% !important;"> আইডি নং : </th>
            <td colspan="12" style="border:none; text-align: left !important;"> {{employee.0.employee_code}}</td>
        </tr>
        <tr>
            <th colspan="1"  style="border:none;font-size:12px !important; width:15% !important;"> সেকশন : </th>
            <td colspan="12" style="border:none; text-align: left !important;"> {{employee.0.department.name_bn}}</td>
        </tr>
        <tr>
            <th colspan="1"  style="border:none;font-size:12px !important; width:22% !important;">  যোগদানের তারিখ : </th>
            <td colspan="11" style="border:none; text-align: left !important;"> {{employee.0.joining_date}}</td>
        </tr>
       <tr>
<<<<<<< HEAD
        <td  colspan="12" class="fw-bold" style="border:none; text-align: left !important; margin-top:10px!important;">বিষয়ঃ  বেতন বৃদ্ধি / পদোন্নতি /গ্রেড/বেতন সমন্বয় করন প্রসঙ্গে ।</td>
=======
        <td  colspan="12" class="fw-bold" style="border:none; text-align: left !important; margin-top:10px!important;"> বিষয়ঃ  বেতন বৃদ্ধি / পদোন্নতি /গ্রেড/বেতন সমন্বয় করন প্রসঙ্গে । </td>
>>>>>>> 92b668cc15b4a970c32bdc373f2a15801815092d
       </tr>
       {% comment %} মজুরী সমন্বয়করণ / পদবী পরিবর্তন  প্রসঙ্গে {% endcomment %}
       <tr>
        <td  colspan="12" style="border:none; text-align: left !important; margin-top:10px!important; font-size: 14px !important;"> জনাব, </td>
       </tr>
       <tr>
        <td  colspan="12" style="border:none; text-align: left !important; margin-top:10px!important; font-size: 14px !important;  line-height: 1.5 !important;">  <p style="width:100% !important;padding: 0px !important ;">অত্যন্ত আনন্দের সাথে জানানো যাচ্ছে যে, কারখানা কর্তৃপক্ষ গণপ্রজাতন্ত্রী বাংলাদেশ সরকারের শ্রম ও কর্মসংস্থান মন্ত্রণালয় কর্তৃক জারীকৃত প্রজ্ঞাপন নং- ৪০.০০.০০০০.০১৬.৩২.০২১.১৩.৩০, তারিখঃ ১৮ ডিসেম্বর, ২০২৩ মোতাবেক “গার্মেন্টস” শিল্প সেক্টরের জন্য ঘোষিত নিম্নতম মজুরী অনুসারে আপনার মজুরী নিম্নোত্তভাবে  সমন্বয় করেছেন, যা ১ ডিসেম্বের ২০২৩ তারিখ হতে কার্যকর হবে:- </p> </td>
       </tr>
       <div style="margin-left:100px !important;">
        <tr>
              <th > পূর্বতন গ্রেড / পদবী</th>
              <th> বিভাজন </th>
              <th>পূর্বতন মজুরী টাকা</th>
              <th><p style="width:120px !important;"> নতুন গ্রেড / পদবী </p></th>
              <th> বিভাজন </th>
              <th> সমন্বয়কৃত মজুরী টাকা</th>
          <tr>
        </div>
        <tr>
            <td rowspan="2">{{employee.0.grade_18}} <br> <br> {{employee.7}}</td>
            <td> <p>মূল মজুরী  </p> <br>
                <p>বাড়ী ভাড়া (মূল মজুরীর ৫০%) </p> <br>
                <p>চিকিৎসা ভাতা </p> <br> 
                <p>যাতায়াত ভাতা </p> <br>
                <p>খাদ্য ভাতা </p> <br>
            </td>
            <td>
                <p>{{employee.2}} </p> <br>
                <p>{{employee.3}}</p> <br>
                <p>৬০০ </p> <br> 
                <p>৩৫০ </p> <br>
                <p>৯০০</p> <br>
            </td>
            <td rowspan="1">{{employee.0.grade}} <br> <br> {{employee.8}}</td>
            <td> <p>মূল মজুরী  </p> <br>
                <p>বাড়ী ভাড়া (মূল মজুরীর ৫০%) </p> <br>
                <p>চিকিৎসা ভাতা </p> <br> 
                <p>যাতায়াত ভাতা </p> <br>
                <p>খাদ্য ভাতা </p> <br>
            </td>
            <td>
                <p>{{employee.4}}  </p> <br>
                <p>{{employee.5}}</p> <br>
                <p>৭৫০</p> <br> 
                <p>৪৫০ </p> <br>
                <p>১২৫০</p> <br>
            </td>
        </tr>
        <tr> 
            <td  class="fw-bold" > মোট মজুরী</td>
            <td  class="fw-bold" > {{employee.1}}</td>
            <td> </td>
            <td  class="fw-bold" > মোট মজুরী</td>
            <td  class="fw-bold" > {{employee.6}}</td>
        </tr>


        <tr>
        <td colspan="12" style="border:none; text-align: left !important; font-size: 14px !important;  line-height: 1.5 !important;" >উল্লেখ্য যে, নতুন গেজেট অনুযায়ী আপনার বর্তমান গ্রেড থেকে নতুন গ্রেডে স্থলাভিষিক্ত করা হল এবং আপনার
            চাকুরীর যাবতীয় শর্তাবলী অপরিবর্তিত থাকবে। কর্তৃপক্ষ আশা করে আপনি কাজের প্রতি আরো অধিক মনোযোগী
            হয়ে আপনার উপর অর্পিত দায়িত্ব ও কর্তব্য আন্তরিকতার সাথে পালন করবেন। <br> <br> </td>    
        <tr>
        <tr>
            <td colspan="12" style="border:none; text-align: left !important; font-size: 14px !important;  line-height: 1.5 !important;" > ধন্যবাদান্তে, <br> <br>  
              এইচআর এডমিন  </td>    
        <tr>

        <tr>
            <td colspan="3" style="border:none; text-align: left !important; font-size: 14px !important;  line-height: 1.5 !important;" > <p style="width:30%; margin-top:30px !important; "><p> অনুলিপিঃ <br>
                ১। ব্যবস্থাপনা পরিচালক। <br>
                ২। ব্যক্তিগত নথি। <br>
                ৩। হিসাব বিভাগ। <br>
                ৪। মানব সম্পদ  বিভাগ। <br>
                ৫। অফিস কপি।  </p> 
              </td>   
            <td colspan="6" style="border:none; font-size: 14px !important;  line-height: 1.5 !important;" > অনুরুপ কপি বুঝিয়া পাইয়া নিম্নে স্বাক্ষর করিলাম  <br> <br><br> <br>   <br>   <p class="right">শ্রমিকের স্বাক্ষর </p></td>  
        <tr>
    </table>
        
  </div>

    {% endfor %}
</div>
</div>
</div>
{% endif %}
{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}       
{% endblock meassage %}
{% block JS %}

<script type="text/javascript" src="https://unpkg.com/xlsx@0.15.1/dist/xlsx.full.min.js"></script>

<script type=text/javascript>
  
  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' %}"
  var load_designation_url = "{% url 'ajax-load-designation' %}"
  var load_employee_url = "{% url 'designation-wise-employee-load' %}"
  var load_emp = "{% url 'employee-load' %}"
  
  function printDiv(divName) {
    var originalContents = document.body.innerHTML
    var printContents = document.getElementById(divName).innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
  }
    function ExportToExcel(type, fn, dl) {
            var elt = document.getElementById('employee-attendance-general-report-table-pdf');
            var wb = XLSX.utils.table_to_book(elt, { sheet: "sheet1" });
            return dl ?
                XLSX.write(wb, { bookType: type, bookSST: true, type: 'base64' }) :
                XLSX.writeFile(wb, fn || ('all_employee_job_card_report.' + (type || 'xlsx')));
        }
</script>

<script src="{% static 'js/report_app/global_dependency_search/include_employee.js' %} "></script>
<script src="{% static 'js/report_app/general_attendance_report/general_attendance_report.js' %} "></script>

{% endblock JS%}