@extends('layouts.main', ['title' => 'Driver Mileages Requisitions | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{!! route('requisitions.index') !!}" >Requisitions</a><span class="divider">/</span></li>
        <li class="active">Driver Mileages Requisition</li>
    </ul>
@stop
@section('title')
    Driver Mileages Requisition
@endsection
@section('msghead_menu')
    {{--<li class="right btn-group">--}}
    {{--<a href="javascript:" id="create_requisition" class="btn pull-right btn-small">--}}
    {{--<span class="icon-plus "></span> CREATE REQUISITION</a>--}}
    {{--</li>--}}
@stop
@section('contentinner')

    <form class="form-horizontal" id="requisitions_responses_form" role="form" method="POST"

      @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == -1)
      action="{{route('requisitions.driver_mileages.issue_payments.store',['requisitions'=>$requisition->id])}}"
      @else
      action="{{route('requisitions.driver_mileages.approvals.store',['requisitions'=>$requisition->id])}}"
        @endif>
    <input type="hidden" name="_token" value="{{csrf_token()}}">
    <input type="hidden" name="requisition_id" value="{{$requisition->id}}">
    <input type="hidden" name="type" value="{{$requisition->type}}">

    <div class="modal-body">
        <table class="table table-bordered table-invoice">
            <tr>
                <td style="text-align: right;width: 10%">NO.:</td>
                <td style="width: 40%">{{$requisition->id}}</td>
                <td style="text-align: right;width: 10%">Initiator:</td>
                <td style="width: 40%">{{$requisition->initiator}}</td>
            </tr>
            <tr>
                <td style="text-align: right;width: 10%">Requested On:</td>
                <td style="width: 40%">{{\Carbon\Carbon::parse($requisition->date)->toFormattedDateString()}}</td>
                <td style="text-align: right;width: 10%">Required On:</td>
                <td style="width: 40%">{{\Carbon\Carbon::parse($requisition->required_date)->toFormattedDateString()}}</td>
            </tr>
            <tr>
                <td style="text-align: right;width: 10%">Uses:</td>
                <td style="width: 40%" rowspan="2">  {{$requisition->request_for}}</td>
                <td style="text-align: right;width: 10%">Initiator Remark:</td>
                <td style="width: 40%" rowspan="2">  {{nl2br($requisition->remarks)}}</td>
            </tr>

        </table>

        <div class="tabs">
            <ul class="tabs">
                @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == $requisition->next_stage)
                    <li><a href="#tabs-1">My Response </a></li>
                @endif
                <li><a href="#tabs-2">Chain of Approval</a></li>
            </ul>
            @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == $requisition->next_stage)
                <div id="tabs-1">
                    @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == -1)
                        @include('requisitions.auto_generated.responses.driver_mileages._views._contra_vouchers',
                        ['credit_account_groups'=>$credit_account_groups,'last_requisition_approval'=>$last_requisition_approval])
                    @else
                        @include('requisitions.auto_generated.responses.driver_mileages._views._approval',
                        ['credit_account_groups'=>$credit_account_groups,
                        'cash_requisition_item_descriptions'=>$cash_requisition_item_descriptions])
                    @endif
                </div>
            @endif
            <div id="tabs-2">
                <div class="screen">
                    <h6>REQUESTED ITEMS</h6>
                    <table class="table table-condensed table-bordered table-logistics">
                        <thead>
                        <tr>
                            <th style="width: 3%">S/N</th>
                            <th style="width: 15%">Truck & Trailer</th>
                            <th style="width: 20%">Driver</th>
                            <th style="width: 10%;text-align: center">Tonnage</th>
                            <th style="width: 12%">DEL .POINT</th>
                            <th style="width: 15%">Mileage</th>
                            <th style="width: 10%">Bonus</th>
                            <th style="width: 15%">Total</th>
                        </tr>
                        </thead>
                        <tbody>
                        <input type="hidden" name="type" value="DRIVER_MILEAGE_REQUISITION">
                        {{--*/ $total_driver_payable = 0 /*--}}
                        @foreach($requisition->requisitionItems as $index=>$requisition_item)

                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7" style="text-align: right">Total amount</td>
                            <td style="text-align: right"
                                id="total_driver_mileage_amount">{{number_format($total_driver_payable,2)}}</td>
                        </tr>
                        </tfoot>
                    </table>
                    @if(!empty($requisition->remarks))
                        <div>
                            REMARKS( {{$requisition->employee_requester}} ): <span
                                    style="font-size: 8px">{{$requisition->remarks}}</span>
                        </div>
                    @endif
                </div>
                <br>
                @if(sizeof($requisition->requisitionApprovals) > 0)
                    @foreach($requisition->requisitionApprovals as $requisition_approval)
                        <div class="screen">
                            <h6>Items {{$requisition_approval->approval_action}} By {{$requisition_approval->employee_approve}}
                                (as {{$requisition_approval->approve_as}})
                                at {{\Carbon\Carbon::parse($requisition_approval->date)->toDayDateTimeString()}}</h6>
                            <table class="table table-condensed table-bordered table-logistics">
                                <thead>
                                <tr>
                                    <th style="width: 3%">S/N</th>
                                    <th style="width: 15%">Truck & Trailer</th>
                                    <th style="width: 20%">Driver</th>
                                    <th style="width: 10%;text-align: center">Tonnage</th>
                                    <th style="width: 12%">DEL .POINT</th>
                                    <th style="width: 15%">Mileage</th>
                                    <th style="width: 10%">Bonus</th>
                                    <th style="width: 15%">Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{--*/ $total_driver_payable_ = 0 /*--}}
                                @foreach($requisition_approval->requisitionApprovalItems as $index=>$requisition_approval_item)
                                    @foreach($requisition_approval_item->requisitionItem->requisitionItemDescriptions as $item_description)
                                        <tr>
                                            <td>{{++$index}}</td>
                                            <td>{{$item_description->route_assignment->vehicle}}
                                                / {{$item_description->route_assignment->trailer}}</td>
                                            <td>{{$item_description->route_assignment->driver_names}}</td>
                                            <td style="text-align: center">{{number_format($item_description->route_assignment->tonnage,2)}}</td>
                                            <td>{{$item_description->route_assignment->destination->name}}</td>
                                            <td style="text-align: right">{{$requisition_approval_item->requisitionItem->getAmount(5,$requisition_approval_item->id)}}</td>
                                            <td style="text-align: right">{{number_format($requisition_approval_item->requisitionItem->getAmount(27,$requisition_approval_item->id))}}</td>
                                            <td style="text-align: right">{{number_format($requisition_approval_item->requisitionItem->getAmount(5,$requisition_approval_item->id)+$requisition_approval_item->requisitionItem->getAmount(27,$requisition_approval_item->id))}}
                                                {{--*/ $total_driver_payable_ += $requisition_approval_item->requisitionItem->getAmount(5,$requisition_approval_item->id)+$requisition_approval_item->requisitionItem->getAmount(27,$requisition_approval_item->id) /*--}}
                                            </td>
                                        </tr>
                                    @endforeach
                                @endforeach
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="7" style="text-align: right">Total amount</td>
                                    <td style="text-align: right"
                                        id="total_driver_mileage_amount">{{number_format($total_driver_payable_,2)}}</td>
                                </tr>
                                </tfoot>
                            </table>
                            @if(!empty($requisition_approval->remarks))
                                <div>
                                    REMARKS( {{$requisition_approval->employee_approve}} ): <span
                                            style="font-size: 8px">{{$requisition_approval->remarks}}</span>
                                </div>
                            @endif
                        </div>
                    @endforeach
                @endif
                <a target="_blank" href="{{route('requisitions.prints', [$requisition->id])}}">
                    <i class="icon-print"></i> &nbsp;PRINT CHAIN</a>
            </div>
        </div><!--#tabs-->
    </div>
    <div class="modal-footer">
        <a class="btn pull-left" target="_blank" href="{{route('requisitions.documents.prints', [$requisition->id])}}">
            <i class="icon-print"></i> &nbsp;PRINT REQUEST</a>
        @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == $requisition->next_stage
        & (Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) != -1))
            <button class="btn btn-primary" name="submit" type="submit"> APPROVE</button>
        @endif
        @if((Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == -1))
            <button class="btn btn-primary" id="issue_cash" name="submit" type="submit"> ISSUE CASH</button>
        @endif
        @if(($requisition->status != 1 || $requisition->status != 7 || $requisition->status != 8) && Auth::user()->can('CANCEL OR REJECT REQUEST') )
            <a class="btn btn-danger" href="{{route('requisition.reject_request', [$requisition->id])}}">REJECT</a>
        @endif
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
</form>
<script>
    jQuery('.request_amount').keyup(function (event) {
        var request_amount_element = jQuery(this);
        var tr = request_amount_element.parents('tr');
        var tr_total_amount = 0;
        tr.find('.request_amount').each(function () {
            tr_total_amount += parseFloat(removeComma(this.value));
        });
        tr.find('.total_driver_mileage').html(tr_total_amount);

        var request_amount = jQuery(this).val();
        var total_amount = 0;
        jQuery('.request_amount').each(function () {
            total_amount += parseFloat(removeComma(this.value));
        });
        jQuery('#total_driver_mileage_amount').html(total_amount.toLocaleString())
    });
</script>
<script>
    jQuery('#required_date').datepicker();
    jQuery('.requisition_date').datepicker();
    addItem();

//    socket.on('newTruckMileageRequisition', function(data){
//        jQuery('#requisition-list').dataTable().fnFilter(this.value);
//        console.log(data);
//    });

    jQuery('#create_requisition').on('click', function () {
        jQuery.ajax({
            url: '{{route('requisitions.create')}}',
            type: 'GET',
            beforeSend: function () {
                startSpinner();
            },
            success: function (data) {
                jQuery('#edit_form').empty().append(data);
                jQuery('#edit_model').appendTo("body").modal('toggle');
                jQuery('.requisition_date').datepicker();
                jQuery('.searchable_select_requisition').select2();
                jQuery('.requisition_type').on('change', function () {
                    jQuery("#requisition_table_body_").empty();
                    var requisition_type = jQuery(this);
                    var append_expenses_details = requisition_type.parents('.modal-body').find('.append_expenses_details');
                    var requisition_type_value = requisition_type.val(); //Requisition Type
                    if (requisition_type_value) { //on when the value is found
                        addAccount();

                        jQuery.ajax({
                            url: '{{route('requisitions.cost_center_rows.index')}}',
                            type: 'get',
                            data: {
                                requisition_type_value: requisition_type_value
                            },
                            beforeSend: function () {
                                startSpinner();
                            },
                            success: function (html) {
                                append_expenses_details.empty().append(html);
                                jQuery('.cost_center_searchable_select').select2();
                                jQuery('.cost_center_searchable_select').on('change', function (e) {
                                    e.preventDefault();
                                    jQuery.ajax({
                                        url: '{{route('requisitions.cost_center.details')}}',
                                        type: 'GET',
                                        data: {
                                            route_assignment: jQuery(this).val()
                                        },
                                        beforeSend: function () {
                                            startSpinner();
                                        },
                                        success: function (data) {
                                            jQuery("#requisition_table_body_").empty();
                                            jQuery("#requisition_table_body_").append(data);
                                            jQuery('select').select2();
                                        },
                                        complete: function () {
                                            stopSpinner()
                                        }
                                    });
                                });
                            },
                            complete: function () {
                                stopSpinner()
                            }
                        });
                    }
                });

                jQuery('#add_account').each(function () {
                    if (jQuery(this).attr('initialized') != 'true') {
                        jQuery(this).click(function () {
                            addAccount();
                        });
                    }
                });

                function addAccount() {
                    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(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();
                    });
                }

                jQuery('#new_requisition_form_id').on('submit', function (e) {
                    e.preventDefault();
                    var this_form = jQuery(this);
                    e.preventDefault(e);
                    jQuery.ajaxSetup({header: jQuery('meta[name="_token"]').attr('content')});
                    jQuery.ajax({
                        type: "POST",
                        url: "{{route('requisitions.store')}}",
                        data: this_form.serialize(),
                        beforeSend: function () {
                            startSpinner();
                        },
                        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);
                            }
                            stopSpinner();
                        },
                        complete: function () {
                            stopSpinner()
                        }
                    });
                });
            },
            complete: function () {
                stopSpinner()
            }
        });
    });


    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('#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(),
                            beforeSend:function(){
                                startSpinner();
                            },
                            success: function (data) {
                                console.log(data);

                                if (data.state === 'Done') {
                                    jQuery.jGrowl(data.msg);

                                    window.open("{!! route('requisitions.index') !!}","_self");
                                } else if (data.state === 'Fail') {
                                    jQuery.jGrowl(data.msg);
                                }
                                stopSpinner();
                            },
                            complete: function () {
                                    stopSpinner();
                            }
                        });
                        return false;
                    });



    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 REQUISITION?");
        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>
@endsection