{% extends 'base.html' %}

{% block body %}

<div id="wrapper">
	{% include 'navbar.html' %}

	<div id="page-wrapper" class="gray-bg">
		{% include 'header.html' %}
		<div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>Expenditure</h2>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
		<!-- test -->
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="col-lg-12">
                <div class="ibox">
                    <div class="ibox-content">
                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Date Of Expense</th>
                                <th>Sector of Expenses</th>
                                <th>Type Of Payment</th>
                            </tr>
                            <tr>
                                <td>{{expenditure.expence_date}}</td>
                                <td>{{expenditure.sector_of_expence}}</td>
                                <td>{{expenditure.payment_type}}</td>
                            </tr>
                            <tr>
                                <th>Project</th>
                                <th>Adminstrative Expenses</th>
                                <th>Vendor / Member</th>
                            </tr>
                            <tr>
                                <td>{{expenditure.project.project}}</td>
                                <td>
                                    {% if expenditure.administrative_expense %}
                                        {{expenditure.administrative_expense}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.member_or_vendor == 1 %}
                                        Vendor
                                    {% else %}
                                        Member
                                    {% endif %}
                                    </td>
                            </tr>
                            <tr>
                                <th>Vendor</th>
                                <th>Member</th>
                                <th>Pan No.</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.vendor.name %}
                                        {{expenditure.vendor.name}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.member.name %}
                                        {{expenditure.member.name}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>{{expenditure.pan_no}}</td>
                            </tr>
                            <tr>
                                <th>Mode of Payment</th>
                                <th>Invoice</th>
                                <th>Proof Of Payment</th>
                            </tr>
                            <tr>
                                <td>{{expenditure.other_payment_mode}}</td>
                                <td>
                                    {% if expenditure.other_invoice %}
                                        <a href="{{expenditure.other_invoice.url}}" target="_blank">
                                            View
                                        </a>
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.other_payment_proof %}
                                        <a href="{{expenditure.other_payment_proof.url}}" target="_blank">
                                            View
                                        </a>
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Human Resources</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Human Resource</th>
                                <th>Date Of Expense</th>
                                <th>Amount</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.hr.human_resource %}
                                        {{expenditure.hr.human_resource}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.hr.hr_expence_date %}
                                        {{expenditure.hr.hr_expence_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="hr_amount" data-value="{{expenditure.hr.hr_amount}}">
                                    {% if expenditure.hr.hr_amount %}
                                        {{expenditure.hr.hr_amount}}
                                    {% else %}
                                        0
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Section</th>
                                <th>TDS Deduction %</th>
                                <th>TDS Deduction Amount</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.hr.hr_section %}
                                        {{expenditure.hr.hr_section}}
                                    {% else %}
                                        -
                                    {% endif %}
                                    </td>
                                <td id="hr_tds_deduction" data-value="{{expenditure.hr.hr_tds_deduction}}">
                                    {% if expenditure.hr.hr_tds_deduction %}
                                        {{expenditure.hr.hr_tds_deduction}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="hr_tds_deduction_amount"></td>
                            </tr>
                            <tr>
                                <th>TDS Deduction Date</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.hr.hr_tds_deduction_date %}
                                        {{expenditure.hr.hr_tds_deduction_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="hr_total"></td>
                                <td></td>
                            </tr>
                        </table>

                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Equipment & and Suplies</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Date Of Expense</th>
                                <th>Amount</th>
                                <th>Supplier Name</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.equipment.equipment_expence_date %}
                                        {{expenditure.equipment.equipment_expence_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="equipment_amount" data-value="{{expenditure.equipment.equipment_amount}}">
                                    {% if expenditure.equipment.equipment_amount %}
                                        {{expenditure.equipment.equipment_amount}}
                                    {% else %}
                                        -
                                    {% endif %}   
                                </td>
                                <td>
                                    {% if expenditure.equipment.equipment_supplier_name %}
                                        {{expenditure.equipment.equipment_supplier_name}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                            </tr>
                            <tr>
                                <th>Section</th>
                                <th>TDS Deduction %</th>
                                <th>TDS Deduction Amount</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.equipment.equipment_section %}
                                        {{expenditure.equipment.equipment_section}}</td>
                                    {% else %}
                                        -
                                    {% endif %}
                                <td id="equipment_tds_deduction" data-value="{{expenditure.equipment.equipment_tds_deduction}}">
                                    {% if expenditure.equipment.equipment_tds_deduction %}
                                        {{expenditure.equipment.equipment_tds_deduction}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="equipment_tds_deduction_amount"></td>
                            </tr>
                            <tr>
                                <th>TDS Deduction Date</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.hr.equipment_tds_deduction %}
                                        {{expenditure.hr.equipment_tds_deduction}}</td>
                                    {% else %}
                                        -
                                    {% endif %}
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Travel Expenses</h5>
                        </div>
                        {% for travel in expenditure.travel.all %}
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Departure</th>
                                        <th>Arrival</th>
                                        <th>Mode</th>
                                        <th>Amount</th> 
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            {% if travel.travel_expence_date %}
                                                {{travel.travel_expence_date}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if travel.departure %}
                                                {{travel.departure}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if travel.arrival %}
                                                {{travel.arrival}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if travel.mode_of_travel %}
                                                {{travel.mode_of_travel}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td data-value="{{travel.travel_amount}}" data-id={{forloop.counter}} id="travel_amount_{{forloop.counter}}">
                                            {% if travel.travel_amount %}
                                                {{travel.travel_amount}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <th>Section</th>
                                        <th>TDS Deduction Date</th>
                                        <th>TDS Deduction %</th>
                                        <th>TDS Deduction Amount</th>
                                        <th>Total</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            {% if travel.travel_section %}
                                                {{travel.travel_section}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if travel.travel_tds_deduction_date %}
                                                {{travel.travel_tds_deduction_date}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if travel.travel_tds_deduction %}
                                                {{travel.travel_tds_deduction}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td data-value="{{travel.travel_tds_deduction_amount}}" id="travel_tds_deduction_amount_{{forloop.counter}}">
                                            {% if travel.travel_tds_deduction_amount %}
                                                {{travel.travel_tds_deduction_amount}}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td id="travel_total_{{forloop.counter}}"></td>
                                    </tr>
                                </tbody>
                            </table>
                        {% endfor %}
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>IEC Materials Expenses</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Date Of Expense</th>
                                <th>Item</th>
                                <th>Quantity</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.iec.iec_expence_date %}
                                        {{expenditure.iec.iec_expence_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.iec.item %}
                                        {{expenditure.iec.item}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                                <td>
                                    {% if expenditure.iec.quantity %}
                                        {{expenditure.iec.quantity}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Rate / Unit</th>
                                <th>Total Cost</th>
                                <th>Remarks</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.iec.rate %}
                                        {{expenditure.iec.rate}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                                <td id="iec_cost" data-value="{{expenditure.iec.iec_amount}}">{{expenditure.iec.iec_amount}}</td>
                                <td>
                                    {% if expenditure.iec.iec_remarks %}
                                        {{expenditure.iec.iec_remarks}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                            </tr>
                            <tr>
                                <th>Section</th>
                                <th>TDS Deduction %</th>
                                <th>TDS Deduction Amount</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.iec.iec_section %}
                                        {{expenditure.iec.iec_section}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="iec_tds_deduction" data-value="{{expenditure.iec.iec_tds_deduction}}">{{expenditure.iec.iec_tds_deduction}}</td>
                                <td id="iec_tds_deduction_amount"></td>
                            </tr>
                            <tr>
                                <th>TDS Deduction Date</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.iec.iec_tds_deduction_date %}
                                        {{expenditure.iec.iec_tds_deduction_date}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                                <td id="iec_total"></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Accomodation Expenses</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Date</th>
                                <th>Check In</th>
                                <th>Check Out</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if  expenditure.accommodation.accommodation_expence_date %}
                                        {{expenditure.accommodation.accommodation_expence_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.accommodation.accommodation_check_in %}
                                        {{expenditure.accommodation.accommodation_check_in}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.accommodation.accommodation_check_out %}
                                        {{expenditure.accommodation.accommodation_check_out}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>No. Of Days</th>
                                <th>Amount</th>
                                <th>Section</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.accommodation.no_of_days %}
                                        {{expenditure.accommodation.no_of_days}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                                <td id="accommodation_amount" data-value="{{expenditure.accommodation.accommodation_amount}}">{{expenditure.accommodation.accommodation_amount}}</td>
                                <td>
                                    {% if expenditure.accommodation.accommodation_section %}
                                        {{expenditure.accommodation.accommodation_section}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                            </tr>
                            <tr>
                                <th>TDS Deduction %</th>
                                <th>TDS Deduction Amount</th>
                                <th>TDS Deduction Date</th>
                            </tr>
                            <tr>
                                <td id="accommodation_tds_deduction" data-value="{{expenditure.accommodation.accommodation_tds_deduction}}">{{expenditure.accommodation.accommodation_tds_deduction}}</td>
                                <td id="accommodation_tds_deduction_amount"></td>
                                <td>
                                    {% if expenditure.accommodation.accommodation_tds_deduction_date %}
                                        {{expenditure.accommodation.accommodation_tds_deduction_date}}
                                    {% else %}
                                        - 
                                    {% endif %}   
                                </td>
                            </tr>
                            <tr>
                                <th>Total</th>
                                <th></th>
                                <th></th>
                            </tr>
                            <tr>
                                <td id="accommodation_total"></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Miscellaneous Expenses</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Date Of Expense</th>
                                <th>Other</th>
                                <th>Remarks</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.miscellaneous.miscellaneous_expence_date %}
                                        {{expenditure.miscellaneous.miscellaneous_expence_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.miscellaneous.miscellaneous_other %}
                                        {{expenditure.miscellaneous.miscellaneous_other}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td>
                                    {% if expenditure.miscellaneous.miscellaneous_remarks %}
                                        {{expenditure.miscellaneous.miscellaneous_remarks}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Amount</th>
                                <th>Section</th>
                                <th>TDS Deduction %</th>
                            </tr>
                            <tr>
                                <td id="miscellaneous_amount" data-value="{{expenditure.miscellaneous.miscellaneous_amount}}">{{expenditure.miscellaneous.miscellaneous_amount}}</td>
                                <td>
                                    {% if expenditure.miscellaneous.miscellaneous_section %}
                                        {{expenditure.miscellaneous.miscellaneous_section}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="miscellaneous_tds_deduction" data-value="{{expenditure.miscellaneous.miscellaneous_tds_deduction}}">{{expenditure.miscellaneous.miscellaneous_tds_deduction}}</td>
                            </tr>
                            <tr>
                                <th>TDS Deduction Amount</th>
                                <th>TDS Deduction Date</th>
                                <th>Total</th>
                            </tr>
                            <tr>
                                <td id="miscellaneous_tds_deduction_amount"></td>
                                <td>
                                    {% if expenditure.miscellaneous.miscellaneous_tds_deduction_date %}
                                        {{expenditure.miscellaneous.miscellaneous_tds_deduction_date}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                                <td id="miscellaneous_total"></td>
                            </tr>
                            <tr>
                                <th colspan="3">Description</th>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    {% if expenditure.miscellaneous.miscellaneous_description %}
                                        {{expenditure.miscellaneous.miscellaneous_description}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Other Expense</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Date Of Expense</th>
                                <th>Amount</th>
                                <th>Supplier Name</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.office.office_expence_date %}
                                        {{expenditure.office.office_expence_date}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="office_expence_amount" data-value="{{expenditure.office.office_amount}}">{{expenditure.office.office_amount}}</td>
                                <td>
                                    {% if expenditure.office.office_supplier_name %}
                                        {{expenditure.office.office_supplier_name}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Section</th>
                                <th>TDS Deduction %</th>
                                <th>TDS Deduction Amount</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.office.office_section %}
                                        {{expenditure.office.office_section}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="office_expence_tds_deduction" value="{{expenditure.office.office_tds_deduction}}">
                                    {% if expenditure.office.office_tds_deduction %}
                                        {{expenditure.office.office_tds_deduction}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="office_expence_tds_deduction_amount"></td>
                            </tr>
                            <tr>
                                <th>TDS Deduction Date</th>
                                <th>Total</th>
                                <th></th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.office.office_tds_deduction_date %}
                                        {{expenditure.office.office_tds_deduction_date}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                                <td id="office_expence_total"></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-content">
                        <div class="ibox-title px-2 justify-content-between d-flex align-items-center">
                            <h5>Total</h5>
                        </div>

                        <table class="table table-striped table-bordered">
                            <tr>
                                <th>Sub Total Amount</th>
                                <th>Advance</th>
                                <th>Net Amount</th>
                            </tr>
                            <tr>
                                <td id="sub_total_amount"></td>
                                <td>
                                    {% if expenditure.advance %}
                                        {{expenditure.advance}}
                                    {% else %}
                                        -
                                    {% endif %}
                                </td>
                                <td id="net_amount"></td>
                            </tr>
                            <tr>
                                <th>Payment Status</th>
                                <th colspan="2">Description</th>
                            </tr>
                            <tr>
                                <td>
                                    {% if expenditure.payment_status == 0 %}
                                        Pending
                                    {% else %}
                                        Completed
                                    {% endif %}
                                </td>
                                <td colspan="2">
                                    {% if expenditure.description %}
                                        {{expenditure.description}}
                                    {% else %}
                                        -
                                    {% endif %}    
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>

<script>

    $(document).ready(function(){
        var travel_array=[]
        var travel_counter = '{{expenditure.travel.all | length}}'
        for(var i=1; i <= travel_counter; i++){
            travel_array.push(i)
        }
        calculateTotal(travel_array);
    })

    function calculateTotal(travel_array){
        var hr_amount = $('#hr_amount').attr('data-value') || 0;
        var tds = $('#hr_tds_deduction').attr('data-value') || 0; 
        var hr_total_amount = 0;
        if(hr_amount > 0){
            var hr_tds_deduction_amount = hr_amount * tds / 100;
            hr_total_amount = hr_amount - hr_tds_deduction_amount
            $('#hr_tds_deduction_amount').text(hr_tds_deduction_amount)
        }
        $('#hr_total').text(hr_total_amount)

        var equipment_amount = $('#equipment_amount').attr('data-value') || 0;
        var tds = $('#equipment_tds_deduction').attr('data-value') || 0; 
        var equipment_total_amount = 0;
        if(equipment_amount > 0){
            var equipment_tds_deduction_amount = equipment_amount * tds / 100
            equipment_total_amount = equipment_amount - equipment_tds_deduction_amount
            $('#equipment_tds_deduction_amount').text(equipment_tds_deduction_amount)
        }
        $('#equipment_total').text(equipment_total_amount)

        var all_travel_amount = 0
        travel_array.map((id)=>{
            var travel_amount = $('#travel_amount_'+id).attr('data-value') || 0;
            var tds = $('#travel_tds_deduction_'+id).attr('data-value') || 0; 
            var travel_total_amount = 0;
            if(travel_amount > 0){
                var travel_tds_deduction_amount = travel_amount * tds / 100;
                travel_total_amount = travel_amount - travel_tds_deduction_amount;
                all_travel_amount = all_travel_amount + travel_total_amount; 
                $('#travel_tds_deduction_amount_'+id).text(travel_tds_deduction_amount)
            }
            $('#travel_total_'+id).text(travel_total_amount)
        });
        

        var iec_amount = $('#iec_cost').attr('data-value') || 0;
        var tds = $('#iec_tds_deduction').attr('data-value') || 0; 
        var iec_total_amount = 0;
        if(iec_amount > 0){
            var iec_tds_deduction_amount = iec_amount * tds / 100;
            iec_total_amount = iec_amount - iec_tds_deduction_amount
            $('#iec_tds_deduction_amount').text(iec_tds_deduction_amount)
        }
        $('#iec_total').text(iec_total_amount)
        

        var accommodation_amount = $('#accommodation_amount').attr('data-value') || 0;
        var tds = $('#accommodation_tds_deduction').attr('data-value') || 0; 
        var accommodation_total_amount = 0;
        if(accommodation_amount > 0){
            var accommodation_tds_deduction_amount = accommodation_amount * tds / 100;
            accommodation_total_amount = accommodation_amount - accommodation_tds_deduction_amount
            $('#accommodation_tds_deduction_amount').text(accommodation_tds_deduction_amount)
        }
        $('#accommodation_total').text(accommodation_total_amount)


        var miscellaneous_amount = $('#miscellaneous_amount').attr('data-value') || 0;
        var tds = $('#miscellaneous_tds_deduction').attr('data-value') || 0; 
        var miscellaneous_total_amount = 0;
        if(miscellaneous_amount > 0){
            var miscellaneous_tds_deduction_amount = miscellaneous_amount * tds / 100;
            miscellaneous_total_amount = miscellaneous_amount - (miscellaneous_amount * tds / 100)
            $('#miscellaneous_tds_deduction_amount').text(miscellaneous_tds_deduction_amount)   
        }
        $('#miscellaneous_total').text(miscellaneous_total_amount)


        var office_expence_amount = $('#office_expence_amount').attr('data-value') || 0;
        var tds = $('#office_expence_tds_deduction').attr('data-value') || 0; 
        var office_expence_total_amount = 0;
        if(office_expence_amount > 0){
            var office_expence_tds_deduction_amount = office_expence_amount * tds / 100;
            office_expence_total_amount = office_expence_amount - (office_expence_amount * tds / 100)
            $('#office_expence_tds_deduction_amount').text(office_expence_tds_deduction_amount)   
        }
        $('#office_expence_total').text(office_expence_total_amount)

        var sub_total = hr_total_amount + equipment_total_amount + all_travel_amount + iec_total_amount + accommodation_total_amount + miscellaneous_total_amount + office_expence_total_amount
        $('#sub_total_amount').text(sub_total)
        var advance = $('#advance').val() || 0;
        $('#net_amount').text(sub_total - advance);
    }

</script>

{% for message in messages %}
	<script>
		showNotification('{{message}}', '{{message.tags}}')
	</script>
{% endfor %}


{% endblock %}