@extends('layouts.main_without_top_button', ['title' => ' TRA SUPERVISION | 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">NO: {{$requisition->id}} ; Initiator: {{$requisition->initiator}}</li>
    </ul>
@stop
@section('title')
     TRA SUPERVISION -  {!! $position !!}
@endsection
@section('contentinner')

    <form class="form-horizontal" id="requisitions_responses_form" role="form" method="POST" style="margin-right: 20px"
          @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == -1)
          action="{{route('requisitions.tra_supervisions.issue_payments.store',['requisitions'=>$requisition->id])}}"
          @else
          action="{{route('requisitions.tra_supervisions.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" style="padding:1%">
            <table class="table table-bordered table-invoice">
                {{--<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">

                <div id="">
                    @if(Auth::user()->getApprovalChainLevelId($requisition->approval_chain_module_id) == -1)
                        @include('requisitions.auto_generated.responses.tra_supervisions._views._contra_vouchers',
                        ['credit_account_groups'=>$credit_account_groups,'last_requisition_approval'=>$last_requisition_approval])
                    @else
                        @include('requisitions.auto_generated.responses.tra_supervisions._views._approval',
                        ['credit_account_groups'=>$credit_account_groups,
                        'cash_requisition_item_descriptions'=>$cash_requisition_item_descriptions])
                    @endif
                </div>

            </div><!--#tabs-->

        </div>
        <div class="pull-right">
            <div style="float:right;">
                @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
                <a class="btn" target="_blank" href="{{route('requisitions.documents.prints', [$requisition->id])}}">
                    <i class="icon-print"></i> &nbsp;PRINT REQUEST</a>
            </div>
        </div>
    </form>

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

                    if (data.state === 'Done') {
                        jQuery.jGrowl(data.msg);
                        var voucher_url = "{!! route('payment-vouchers.print',[":id"]) !!}";
                        voucher_url = voucher_url.replace(":id", data.id);
                        window.open(voucher_url, "_blank");
                        {{--                    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()
                }
            });
        });
        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();
        }
        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');
            }
        }
        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);
//                }
//            });
        }
    </script>
@endsection