@extends('layouts.main', ['title' => 'General Requisitions | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a >Requisitions</a><span class="divider">/</span></li>
        <li class="active">General Requisitions</li>
    </ul>
@stop

@section('title')
    General Requisitions
@endsection
@section('msghead_menu')
    <li style="margin-bottom: 1.5%" class="right btn-group">
    <div class="btn-group">
        @if(\Illuminate\Support\Facades\Auth::user()->can('VIEW STORE'))
            <a  href="javascript:createOrEdit('{{route('requisition.create_service_lpo_requests')}}')" class="btn pull-right btn-small btn-info" style="margin-left: 2px">
                <span class="icon-plus "></span> SERVICE PAYMENT REQUEST
            </a>
        <a  href="javascript:createOrEdit('{{route('requisitions.create_jobcard_lpo_requests')}}')" class="btn pull-right btn-small btn-warning" style="margin-left: 2px">
            <span class="icon-plus "></span> WORKSHOP / SPAREPARTS REQUEST
        </a>
        @endif
        <a  href="javascript:createOrEdit('{{route('requisitions.mult_item_requests')}}')" class="btn pull-right btn-small" style="margin-left: 2px">
            <span class="icon-plus "></span> MULTI-ITEM REQUEST
        </a>
{{--            @if(Auth::user()->id == 66)--}}
{{--        <a  href="javascript:createOrEdit('{{route('requisitions.create')}}')" class="btn pull-right btn-small" style="margin-left: 2px">--}}
{{--            <span class="icon-plus "></span> CREATE REQUISITION--}}
{{--        </a>--}}
{{--            @endif--}}
{{--        <a href="{{route('requisitions.trip_variable_expenses.account_heads.create')}}" class="btn pull-right btn-small" style="margin-left: 2px" >--}}
{{--            <span class="icon-plus "></span> TRIP REQUISITION--}}
{{--        </a>--}}


        <button class="btn  btn-small" onclick="openAdvancedSearch('general_requisitions_filters')" style="margin-left: 2px; margin-right: 2px">
            <span class="icon-search"></span> &nbsp; FILTER
        </button>

            <div class="btn-group" style="margin-right: 2px">
                <a type="button" tabindex="-1" data-toggle="dropdown" class="btn btn-small dropdown-toggle" aria-expanded="false">
                    <span class="icon-plus "></span> TRIP REQUISITION <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li style="margin-left: 3%;"><a class="" href="{{route('requisitions.trip_variable_expenses.account_heads.create')}}" target="_blank">Trip Expenses</a></li>
                    <li style="margin-left: 3%;"><a class="" href="{{route('requisitions.trip_variable_expenses.account_heads.create', 'on-road-expenses')}}" target="_blank">On-Road Expenses</a></li>
                    <li style="margin-left: 3%;"><a class="" href="{{route('requisitions.trip_variable_expenses.account_heads.create', 'tagging-request')}}" target="_blank">Tagging Request (Temporary)</a></li>
                </ul>
            </div>


    </div><!--btn-group-->
    </li>
@stop
@section('contentinner')
    <div id="general_requisitions_filters" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('general_requisitions_filters')">&times;</a>


        <form autocomplete="off" target="_blank" class="form-inline form-filter" method="get"
              action="#">

            <label class="control-label" for="Category">Date From</label>
            <input id="date_from" class="span12 requisition_date" >
            <label class="control-label" for="Category">Req #</label>
            <input id="requisition_id" class="span12" value="">
            <label class="control-label" for="Category">Truck</label>
            <select name="select" width="100%" id="truck_id" class="searchable_select">
                <option value="">All</option>
                @foreach($trucks as $truck)
                    <option value="{{$truck->id}}">{{$truck->registration_number}}</option>
                @endforeach
            </select>
            @if(auth()->user()->can('VIEW JOB CARD REQUISITION') OR auth()->user()->can('VIEW ALL REQUISITIONS'))
            <label class="control-label" for="Category">Job-Cards</label>
            <select name="select" width="100%" id="jobcard_id" class="searchable_select">
                <option value="">All</option>
                @foreach($jobcards as $jobcard)
                    <option value="{{$jobcard->id}}">{{'JOB-CARD/'.$jobcard->id}}</option>
                @endforeach
            </select>
            @endif
            <label class="control-label" for="Category">Type</label>
            <select name="select" width="100%" id="requisition_type" class="searchable_select">
                <option value="">All</option>
                <option value="GENERAL_REQUISITION">GENERAL REQUEST</option>
                <option value="PREPAID_EXPENSES_REQUISITIONS">PREPAID EXPENSES REQUEST</option>
                <option value="ON_ROAD_EXPENSE_REQUISITIONS">ON-ROAD EXPENSES REQUEST</option>
                <option value="LOADING_EXPENSES_REQUISITION"> DRIVER MILEAGES</option>
                <option value="TRUCK_MILEAGE_REQUISITION">BORDER EXPENSES</option>
                <option value="FUEL_REQUISITIONS">FUEL REQUESTS</option>
                <option value="SAFARI_ALLOWANCE_REQUISITION">SAFARI ALLOWANCE REQUESTS</option>
                <option value="TRAFFIC_FINES">TRAFFIC FINES</option>
                <option value="JOB_CARD_REQUISITION">JOB CARD REQUESTS</option>
                <option value="SERVICE_PAYMENT_REQUESTS">SUB - CONTRACTORS REQUEST</option>
                <option value="TRANSFER_ORDERS">TRANSFER ORDERS</option>
                <option value="PERMIT_REQUISITION">PERMIT RENEWAL</option>
                {{--                <option value="LOCAL_FUEL_PURCHASE_ORDER">DIESEL LPO</option>--}}
            </select>

            <label class="control-label" for="status">Status</label>
            <select name="status" width="100%" id="status" class="searchable_select">
                <option value="0">PENDING</option>
                <option value="9">PARTIALLY APPROVED</option>
                <option value="APPENDED_TO_LPO">APPENDED TO LPO</option>
                <option value="UNPRINTED">UN-PRINTED</option>
                <option value="1">APPROVED</option>
                <option value="6">PARTIALLY ISSUED</option>
                <option value="7">DONE</option>
                <option value="8">DECLINED</option>
                <option value="">All</option>
            </select>

            <label class="control-label" for="Category">Owner</label>
            <select name="select" width="100%" id="owner" class="searchable_select">

                @if(auth()->user()->can('VIEW ALL REQUISITIONS'))
                <option value="ALL" selected >All</option>
                @endif
{{--                @if(auth()->user()->can('VIEW STORE REQUISITIONS'))--}}
{{--                    <option value="STORE" selected >STORE REQUISITIONS</option>--}}
{{--                @endif--}}
                <option value="MINE" @if(!auth()->user()->can('VIEW ALL REQUISITIONS')) selected @endif>Just Mine</option>
                @if(auth()->user()->can('VIEW ALL REQUISITIONS'))
                    @foreach($requisition_owner as $owner)
                        @if(!in_array($owner->id, [19,66]))
                        <option value="{{$owner->id}}">{{ str_replace('.', ' ', strtoupper($owner->full_name))}}</option>
                        @endif
                    @endforeach
                @endif



            </select>


            <button class="btn" style="" id="filter_general_requisitions">FILTER</button>
            {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
        </form>


    </div>
    {{--<div class="mediamgr_category">--}}
    {{--<ul>--}}
    {{--<li class="current"><a class="requisition_status" data-value="-1">All</a></li>--}}
    {{--<li><a class="requisition_status" data-value="0">Waiting</a></li>--}}
    {{--<li><a class="requisition_status" data-value="1">Approved</a></li>--}}
    {{--<li><a class="requisition_status" data-value="7">Done</a></li>--}}
    {{--<li><a class="requisition_status" data-value="8">Declined</a></li>--}}
    {{--<li class="right"><span class="pagenuminfo">Showing 1 - 20 of 69</span></li>--}}
    {{--</ul>--}}
    {{--</div><!--mediamgr_category-->--}}
    {{--<div class="mediamgr_content">--}}

    {{--<small><em>Tips: Hold Control key to select multiple items (Windows only).</em></small>--}}

    {{--<br/><br/>--}}
    <table id="requisition-list" class="table table-striped table-hover table-condensed table-bordered">
        <thead>
        <tr>
            <th class="nosort"  style="width:2%;"><input type="checkbox" class="checkall"/></th>
            <th style="width:5%;">REQNO.</th>
            <th  style="width:11%;">Date</th>
            <th  style="width:9%;">Required</th>
            <th style="width:45%;">Request For</th>
            <th style="width:15%;">Created By</th>
            <th style="width:15%;">Status</th>
            <th  style="width:2%;">&nbsp;</th>
        </tr>
        </thead>
    </table>
    <br class="clearall"/>


    <script>
        jQuery('#required_date').datepicker();
        jQuery('.requisition_date').datepicker();
        jQuery('.searchable_select').select2();
        addItem();
//
//        socket.on('newTruckMileageRequisition', function(data){
//            jQuery('#requisition-list').dataTable().fnFilter(this.value);
//            console.log(data);
//        });

        var mainDataTable = jQuery('#requisition-list').on('error.dt', function (e, settings, techNote, message) {
                    console.log('An error has been reported by DataTables: ', message);
                    jQuery.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
                    stopSpinner();
                })
                .DataTable({
                    aLengthMenu: [
                        [10, 25, 50],
                        [10, 25, 50]
                    ],
                    iDisplayLength: 10,
                    "searching": false,
                    "oLanguage": {
                        "sLoadingRecords": startSpinner(),
                        "sZeroRecords": "No Requisition to Display.",
                        "sProcessing": "Please wait - loading records...",
                        "sInfoEmpty": "No entries to display."
                    },
                    ajax: {
                        url: '{{route("requisitions.datatable.index")}}',
                        data: function (d) {
                            d.requisition_id = $('#requisition_id').val();
                            d.requisition_type = $('#requisition_type').val();
                            d.truck_id = $('#truck_id').val();
                            d.status = $('#status').val();
                            d.owner = $('#owner').val();
                            d.jobcard_id = $('#jobcard_id').val();
                            d.date_from = $('#date_from').val();
                        }
                    },
                    "initComplete": function (settings, json) {
                        stopSpinner();
                    },
                    scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "order": [[ 2, "desc" ]],
                    columns: [
                        {data: 'checkbox'},
                        {data: 'requisition_number'},
                        {data: 'date'},
                        {data: 'required_date'},
                        {data: 'request_for'},
                        {data: 'created_by'},
                        {data: 'status'},
                        {data: 'action'}
                    ],
                    "fnDrawCallback": function () {

                        jQuery('.issue_item').on('click', function (e) {
                            e.preventDefault();
                            var p = jQuery(this).parents('td');
                            var requisition_id = p.find('.requisition_id').val();
                            jQuery.ajax({
                                type: "get",
                                url: '{{route('requisitions.issue.create')}}',
                                data: {
                                    requisition_id: requisition_id
                                },
                                success: function (data) {
                                    jQuery('#approved_issue_requisition_body').empty().append(data);
                                    jQuery('#issue_goods').appendTo("body").modal('toggle');
                                    jQuery('.approved_issue_searchable_select').select2();
                                    jQuery('.issue_date').datepicker();
                                }
                            });
                            return false;
                        });

                        jQuery('.edit_my_requisition').on('click', function (e) {
                            e.preventDefault();
                            var p = jQuery(this).parents('td');
                            var requisition_id = p.find('.requisition_id').val();
                            var url = "{{route('requisitions.edit',[':id'])}}";
                            url = url.replace(':id', requisition_id);
                            jQuery.ajax({
                                type: "get",
                                url: url,
                                success: function (data) {
                                    jQuery('#edit_requisition_modal_body').empty().append(data);
                                    jQuery('#edit_requisition_modal').appendTo("body").modal('toggle');
                                    jQuery('.searchable_select_requisition_edit').select2();
                                    jQuery('.requisition_edit_date').datepicker();
                                    jQuery('input[name="price[]"]').keyup(function (event) {
                                        var price_position = jQuery(this);
                                        // skip for arrow keys
                                        if (event.which >= 37 && event.which <= 40) return;
                                        // format number
                                        price_position.val(function (index, value) {
                                            var parts = value.toString().split(".");

                                            parts[0] = parts[0].replace(/\D/g, "")
                                                    .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                                            return parts.join(".");
                                        });
                                        var tr = price_position.parents('tr');
                                        var quantity = tr.find('input[name="quantity[]"]').val();
                                        var price = price_position.val();

                                        tr.find('input[name="amount[]"]').val(removeComma(quantity) * removeComma(price))
                                    });
                                    jQuery('input[name="quantity[]"]').keyup(function (event) {
                                        var quantity_position = jQuery(this);

                                        var tr = quantity_position.parents('tr');
                                        var price = tr.find('input[name="price[]"]').val();
                                        var quantity = quantity_position.val();

                                        tr.find('input[name="amount[]"]').val(removeComma(quantity) * removeComma(price))
                                    });
                                    jQuery('input[name="amount[]"]').keyup(function (event) {
                                        // skip for arrow keys
                                        if (event.which >= 37 && event.which <= 40) return;
                                        // format number
                                        jQuery(this).val(function (index, value) {
                                            var parts = value.toString().split(".");

                                            parts[0] = parts[0].replace(/\D/g, "")
                                                    .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                                            return parts.join(".");
                                        });
                                    });
                                }
                            });
                            return false;
                        });
                    },
                    "bStateSave": true
                });

        function reDrawRequisitionTable() {
            mainDataTable.draw();
        }


        $('#filter_general_requisitions').on('click', function (e) {
            e.preventDefault();
            mainDataTable.draw();
        });



        function respondToRequisitionByURL(url) {
            window.open(url,'_self');
//            jQuery.ajax({
//                url: url,
//                type: "GET",
//                dataType: "html",
//                beforeSend: function () {
//                    startSpinner();
//                },
//                success: function (data) {
//                    var modal = jQuery('#logistics_modal');
//                    modal.empty().append(data);
//                    modelShow('logistics_modal');
//
//
////                    jQuery('#edit_form').empty().append(data);
////                    jQuery('#edit_model').appendTo("body").modal('toggle');
//                    jQuery('select').select2();
//                    jQuery('.tabs').tabs();
//                    jQuery('.remove_driver_mileage_item').on('click', function () {
//                        jQuery(this).parents('tr').remove()
//                    });
//                    jQuery('.date_picker').datepicker();
//                    jQuery('#requisitions_responses_form').on('submit', function (e) {
//                        e.preventDefault();
//                        var this_form = jQuery(this);
//                        jQuery.ajax({
//                            type: "POST",
//                            url: this_form.attr('action'),
//                            data: this_form.serialize(),
//                            success: function (data) {
//                                console.log(data);
//
//                                if (data.state === 'Done') {
//                                    resetFormAndClose(this_form);
//                                    jQuery('#requisition-list').dataTable().fnFilter(this.value);
//                                    jQuery.jGrowl(data.msg);
//                                } else if (data.state === 'Fail') {
//                                    jQuery.jGrowl(data.msg);
//                                }
//                            }
//                        });
//                        return false;
//                    });
//                },
//                complete: function () {
//                    stopSpinner()
//                },
//                error: function (data) {
//                    console.log('Error: ');
//                    console.log(data);
//                }
//            });
        }


        jQuery('#payment_voucher_form').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                type: "POST",
                url: this_form.attr('action'),
                data: this_form.serialize(),
                success: function (data) {
                    if (data == 'DONE') {
                        notify('PAYMENT DONE SUCCESSFUL!');
                        this_form.parents('.modal').modal('hide');
                        jQuery('#requisition-list').dataTable().fnFilter(this.value);
//                                        $requested_by = (!empty($request->input('requested_by'))) ? $request->input('requested_by') : auth()->user()->id;
                    }
                }
            });
            return false;
        });

        jQuery('#requisition_update_form').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                type: "POST",
                url: this_form.attr('action'),
                data: this_form.serialize(),
                success: function (data) {
                    if (data == 'DONE') {
                        notify('REQUISITION UPDATED SUCCESSFUL!');
                        this_form.parents('.modal').modal('hide');
                        jQuery('#requisition-list').dataTable().fnFilter(this.value);
//                                        $requested_by = (!empty($request->input('requested_by'))) ? $request->input('requested_by') : auth()->user()->id;
                    }
                }
            });
            return false;
        });

        jQuery('#approve_requisition_form').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                type: "POST",
                url: '{{route('requisitions.post-approve')}}',
                data: this_form.serialize(),
                success: function (data) {
                    if (data == 'DONE') {
                        notify('REQUISITION APPROVED SUCCESSFUL!');
                        this_form.parents('.modal').modal('hide');
                        jQuery('#requisition-list').dataTable().fnFilter(this.value);
                    }
                }
            });
            return false;
        });

        jQuery('#mileage_new_requisition_form').on('submit', function (e) {
//        jQuery('#new_requisition_form, #mileage_new_requisition_form').on('submit', function (e) {
            var this_form = jQuery(this);
            e.preventDefault();
            jQuery.ajax({
                url: this_form.attr('action'),
                type: this_form.attr('method'),
                data: this_form.serialize(),
                beforeSend: function () {
                    jQuery('.loader').show();
                },
                success: function (data) {
                    jQuery('.loader').hide();
                    if (data == 'DONE') {
                        jQuery('#requisition-list').dataTable().fnFilter(this.value);
                        notify('REQUISITION CREATED SUCCESSFUL!');
                        resetFormAndClose(this_form);
                    }
                }
//                Unauthorized
            });
        });

        jQuery('#requisition_type').on('change', function () {
            jQuery("#requisition_table_body").empty();
            var requisition_type = jQuery(this).val();
            requisitionItem(requisition_type);
        });

        function addItem() {
            requisitionItem();
        }

        function addAccount1() {
            requisitionAccount();
        }

        //        jQuery(document).jkey('alt+a', function () {
        //            addItem();
        //        });
        function requisitionItem() {
            var html_generator = jQuery('#item_requisition_items');
            var response = html_generator.find('tr').clone();
            response.removeAttr("id")
                    .removeAttr('style')
                    .addClass('item_row');
            response.find('select').select2();
            response.find('input[name="price[]"]').keyup(function (event) {
                var price_position = jQuery(this);
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                price_position.val(function (index, value) {
                    var parts = value.toString().split(".");

                    parts[0] = parts[0].replace(/\D/g, "")
                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                    return parts.join(".");
                });
                var tr = price_position.parents('tr');
                var quantity = tr.find('input[name="quantity[]"]').val()
                var price = price_position.val();

                tr.find('input[name="amount[]"]').val(removeComma(quantity) * removeComma(price))
            });
            response.find('input[name="quantity[]"]').keyup(function (event) {
                var quantity_position = jQuery(this);

                var tr = quantity_position.parents('tr');
                var price = tr.find('input[name="price[]"]').val()
                var quantity = quantity_position.val();

                tr.find('input[name="amount[]"]').val(removeComma(quantity) * removeComma(price))
            });
            response.find('input[name="amount[]"]').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                jQuery(this).val(function (index, value) {
                    var parts = value.toString().split(".");

                    parts[0] = parts[0].replace(/\D/g, "")
                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                    return parts.join(".");
                });
            });
            jQuery("#requisition_table_body").append(response);
            jQuery('.item_row').delegate(' .row_remove_btn', 'click', function () {
                jQuery(this).parent().parent().remove();
            });
        }

        function requisitionAccount() {
            var html_generator = jQuery('#cash_requisition_items');
            var response = html_generator.find('tr').clone();
            response.removeAttr("id")
                    .removeAttr('style')
                    .addClass('item_row');
            response.find('select').select2();
            response.find('input[name="price[]"]').keyup(function (event) {
                var price_position = jQuery(this);
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                price_position.val(function (index, value) {
                    var parts = value.toString().split(".");

                    parts[0] = parts[0].replace(/\D/g, "")
                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                    return parts.join(".");
                });
                var tr = price_position.parents('tr');
                var quantity = tr.find('input[name="quantity[]"]').val()
                var price = price_position.val();

                tr.find('input[name="amount[]"]').val(removeComma(quantity) * removeComma(price))
            });
            response.find('input[name="quantity[]"]').keyup(function (event) {
                var quantity_position = jQuery(this);

                var tr = quantity_position.parents('tr');
                var price = tr.find('input[name="price[]"]').val()
                var quantity = quantity_position.val();

                tr.find('input[name="amount[]"]').val(removeComma(quantity) * removeComma(quantity))
            });
            response.find('input[name="amount[]"]').keyup(function (event) {
                // skip for arrow keys
                if (event.which >= 37 && event.which <= 40) return;
                // format number
                jQuery(this).val(function (index, value) {
                    var parts = value.toString().split(".");

                    parts[0] = parts[0].replace(/\D/g, "")
                            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                    return parts.join(".");
                });
            });

            jQuery("#requisition_table_body").append(response);
            jQuery('.item_row').delegate(' .row_remove_btn', 'click', function () {
                jQuery(this).parent().parent().remove();
            });
        }

        function declineRequisition(id) {
            var c = confirm("YOU ARE ABOUT TO DECLINE THIS REQUISITION ,PROCEED?");
            if (c) {
                var url = "{{route('requisitions.delete-requisition',[':id'])}}";
                url = url.replace(':id', id);
                jQuery.ajax({
                    type: "get",
                    url: url,
                    success: function (data) {
                        if (data == 'DONE') {
                            jQuery('#requisition-list').dataTable().fnFilter(this.value);
                            notify('REQUISITION DECLINE SUCCESSFUL!');
                        }
                    }
                })
            }
        }

        function deleteRequisition(id) {
            var c = confirm("ARE YOU SURE, YOU WANT TO DELETE REQUISITION5");
            if (c) {
                var url = "{{route('requisitions.destroy',[':id'])}}";
                url = url.replace(':id', id);
                jQuery.ajax({
                    type: "post",
                    url: url,
                    success: function (data) {
                        if (data == 'DONE') {
                            jQuery('#requisition-list').dataTable().fnFilter(this.value);
                            notify('REQUISITION DELETED SUCCESSFUL!');
                        } else {
                            alert('FAIL TO DELETE REQUISITION');
                        }
                    }
                })
            }
        }

        function removeRequestFor(id, selected) {
            if (selected == "CASH") {
                jQuery('#' + id).css('display', 'none');
            } else {
                jQuery('#' + id).css('display', 'block');
            }
        }



        jQuery('input[name="bonus[]"]').on('keyup', function () {
            var parent_tr = jQuery(this).parents('tr');
            var bonus = removeComma(jQuery(this).val());
            var route_driver_mileage_amount = removeComma(parent_tr.find('input[name="route_driver_mileage_amount[]"]').val());
            var deductions = removeComma(parent_tr.find('input[name="deductions[]"]').val());
            var total_amount = parent_tr.find('.total_amount');
            total_amount.val(new Intl.NumberFormat().format(parseInt(route_driver_mileage_amount) + parseInt(bonus) - parseInt(deductions)));
        });

        jQuery('input[name="deductions[]"]').on('keyup', function () {
            var parent_tr = jQuery(this).parents('tr');
            var deductions = removeComma(jQuery(this).val());
            var route_driver_mileage_amount = removeComma(parent_tr.find('input[name="route_driver_mileage_amount[]"]').val());
            var bonus = removeComma(parent_tr.find('input[name="bonus[]"]').val());
            var total_amount = parent_tr.find('.total_amount');
            total_amount.val(new Intl.NumberFormat().format(parseInt(route_driver_mileage_amount) + parseInt(bonus) - parseInt(deductions)));
        });


    </script>
@stop