{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Add Benefit Type</title>
{% endblock title %}
{% block Style %}

{% endblock Style %}


{% block MainContent %}
<div class="contents">
    <div class="accordion-item">
        <div class="card">
          <div class="card-header">
            <h5 class="mb-0 fw-bold"> 
              Promotion
            </h5>
          </div>
          <div class="card-body">
           
             <form method="post" id="personForm" data-cities-url="" novalidate>
                {% csrf_token %}
                <div class="row">
                <div class="col-md-3">
                    {{form.mother_organization|as_crispy_field}}
                </div>
                <div class="col-md-3">
                    {{form.sister_organization|as_crispy_field}}
                </div>
                <div class="col-md-2">
                    {{form.branch|as_crispy_field}}
                </div>
                <div class="col-md-2">
                    {{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>
             </form>
          
          {% if employee_item %}
           <div class="row">
               <div class="col-md-6 mt-3">
                <h5 class="p-2 fw-bold mb-2" style="background-color:#37A000; color:#FFF;text-align:center" >previous Status</h5>
                <div class="col-md-6">
                  <h5 class="card-title"><span class="fw-bold me-2">Employee Name:  </span>{{employee_item.name_en}}</h5>
                  <h5 class="card-title"><span class="fw-bold me-2">Old Department :  </span>{{employee_item.department}}</h5>
                  <h5 class="card-title"><span class="fw-bold me-2">Old Designation :  </span>{{employee_item.designation}}</h5>
                  <h5 class="card-title"><span class="fw-bold me-2">Previous Gross Salary:  </span>{{employee_item.gross_salary}}</h5>
                  <h5 class="card-title"><span class="fw-bold me-2">Joining Date :  </span>{{employee_item.joining_date}}</h5>
                </div>
                
               </div>

               <div class="col-md-6 mt-3">
                <h5 class="p-2 fw-bold mb-2" style="background-color:#37A000; color:#FFF;text-align:center" >Promotion</h5>

                <form method="post" id="personForm" data-cities-url="" novalidate>
                  {% csrf_token %}
                  <div class="row">
                  <div class="col-md-6">
                      {{promotion_form.new_department|as_crispy_field}}
                  </div>
                  <div class="col-md-6">
                      {{promotion_form.new_designation|as_crispy_field}}
                  </div>
                 </div>
                 <div class="row">
                  <div class="col-md-6">
                      {{promotion_form.new_gross_salary|as_crispy_field}}
                  </div>
                  <div class="col-md-6">
                      {{promotion_form.applicabale_date|as_crispy_field}}
                  </div>
                 </div>
                 <div class="row justify-content-center">
                  <div class="col-md-2" style="margin-top: 31px;">
                      <button type="submit" class="cus-btn">Show</button>
                  </div>
                </div>
               </form>
               
               </div>
           </div>
           {% endif %}
          </div>
        </div>
    </div>
</div>




{% 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 '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' %}"
    var dept_url="{% url 'hr-app-load-designation' %}"
  </script>
<script src="{% static 'js/payroll/promotion/create.js' %} "></script>
{% endblock JS %}