{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}<title>Salary Update</title>{% endblock title %}
{% block Style %}
<style>
    fieldset {
        background-color: #eeeeee;
      }
      
      legend {
        background-color: gray;
        color: white;
        padding: 5px 10px;
      }
      
      input {
        margin: 5px;
      }
      #unit_color{
        background-color: gray;
        background-color: #eeee;
      }
</style>
{% endblock Style %}


{% block MainContent %}
<div class="contents">
    {% 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 %}

<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
{% csrf_token %}

    <div class="accordion-item">
        <div class="card">
            <div class="card-body" id="after-add-more">
                <fieldset>
                    <legend>SALARY</legend>
                <div class="row m-3">
                    <div class="col-md-3">
                        {{form.total_working_day|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.total_present_day|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.absent_day|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.weekly_holiday|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.general_holiday|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.cl|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.sl|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.ml|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.ol|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.ul|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.el|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.basic|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.house_rent|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.food|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.conveyance|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.medical|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.gross_salary|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.night_bill|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.tiffin_bill|as_crispy_field}}
                    </div>
                    <div class="col-md-3">
                        {{form.lunch_bill|as_crispy_field}}
                    </div>
                
                </div>
            </fieldset>
            <fieldset>
                <legend>Over Time</legend>
            <div class="row m-3">
                <div class="col-md-3">
                    {{form.over_time_hours|as_crispy_field}}
                </div>
                <div class="col-md-3">
                    {{form.over_time_rate|as_crispy_field}}
                </div>
               
            </div>
        </fieldset>
        </div>
        <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
            <div class="col-md-12 text-center">
                <button type="submit" class="cus-btn" >Submit</button>
            </div>
        </div>
    </fieldset>
    </div>

      
</form>

</div>

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

{% block JS %}

{% endblock JS %}