@extends('layouts.main')
@section('title')
    Requisitions
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Requisitions</li>
    </ul>
@stop
@section('contentinner')
    <style>
        #logistics_modal {
            width: 95%;
            margin-left: -32%;
        }
    </style>

    <table id="requisition-list" class="table table-striped table-hover table-condensed table-bordered">
        <thead>
        <tr>
            <th class="nosort"><input type="checkbox" class="checkall"/></th>
            <th>REQNO.</th>
            <th style="width: 80px">Requested</th>
            {{--<th>Requisition Number</th>--}}
            <th>Client</th>
            <th>Remarks</th>
            <th>Status</th>
            <th style="width: 50px">&nbsp;</th>
        </tr>
        </thead>
    </table>

    <script>

        var oTable = 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: [
                        [25, 50, 100],
                        [25, 50, 100]
                    ],
                    iDisplayLength: 100,
                    "oLanguage": {
                        "sLoadingRecords": startSpinner(),
                        "sZeroRecords": "No Requisition to Display.",
                        "sProcessing": "Please wait - loading records...",
                        "sInfoEmpty": "No entries to display."
                    },
                    ajax: {
                        url: '{{route('requisitions.truck_allocations.data_table.index')}}',
                        data: function (d) {
                        }
                    },
                    "initComplete": function (settings, json) {
                        stopSpinner();
                    },
                    scrollCollapse: true,
                    "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    columns: [
                        {data: 'checkbox'},
                        {data: 'requisition_number'},
                        {data: 'requested_date'},
                        {data: 'client'},
                        {data: 'remarks'},
                        {data: 'status'},
                        {data: 'action'}
                    ],
                    "bStateSave": true
                });


        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) {
            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>
@stop