@extends('layouts.main_without_top_button', ['title' => 'Transport Charges 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">Transport Charges Requisition</li>
    </ul>
@stop
@section('title', 'Transport Charges')

@section('contentinner')
    <div class="mediamgr_category">
        <form class="form-horizontal" id="requisitions_responses_form" role="form" method="POST"

              @if($requisition->next_stage == -1)
              action="{{route('requisitions.transport_charges.issue_payments.store',['requisitions'=>$requisition->id])}}"
              @else
              action="{{route('requisitions.transport_charges.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="row-fluid">
                <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">  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($requisition->status == 1)
                            @include('requisitions.auto_generated.responses.loading_expenses._views._contra_vouchers',['requisition'=>$requisition])
                        @else
                            @include('requisitions.auto_generated.responses.loading_expenses._views._approval',['requisition'=>$requisition])
                        @endif
                    </div>

                </div><!--#tabs-->
            </div>
            <div class="modal-footer">

                @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($requisition->next_stage == -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
            </div>
        </form>
    </div>
    <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('#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('#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('#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