@extends('layouts.master')
@section('title') {{ Config::get('order.title') }} @stop
@section('body')

    <div class="row">
        <div class="col-md-4">
            <div class="form-group">
                <label class="control-label">Orders List</label>
                <div class="input-group">
                    <select class="form-control ordersList chosen-select"></select>
                    <span class="input-group-addon" style="padding: 0px 2px 0px 1px;">
					<button class="btn btn-primary btn-sm manageOrders"><i class="fa fa-edit fa-lg"></i></button>
				</span>
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="table-responsive">
                <table class="table table-bordered table-condensed order_summary" style="margin-bottom: 0px;">
                    <thead></thead>
                </table>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <div class="form-group eo_newItemWrapper" style="display: none;">
                <label class="control-label">Select an item</label>
                <select class="form-control eo_itemsList chosen-select">
                    <option value="">Create new item</option>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label">Item Code</label>
                <input type="text" class="form-control clear eo_code" name="eo_code">
            </div>
            <div class="form-group">
                <label class="control-label">Item Name</label>
                <input type="text" class="form-control clear eo_name" name="eo_name">
            </div>
            <div class="form-group">
                <label class="control-label">Item Volume (CBM)</label>
                <input type="text" class="form-control clear eo_volume" name="eo_volume">
            </div>
            <div class="form-group">
                <label class="control-label">Item Weight (Kg)</label>
                <input type="text" class="form-control clear eo_weight" name="eo_weight">
            </div>
            <div class="form-group">
                <label class="control-label">Order-Item Qty</label>
                <input type="text" class="form-control clear eo_qty" name="eo_qty">
            </div>
            <div class="form-group">
                <div class="eo_saveWrapper" style="display: none;">
                    <button class="btn btn-primary eo_save">Save</button>
                </div>
                <div class="eo_updateWrapper" style="display: none;">
                    <button class="btn btn-warning eo_update">Update</button>
                    <button class="btn btn-info eo_cancel">Cancel</button>
                </div>
            </div>
        </div>
        <div class="col-md-8">

            <div class="table-responsive" style="max-height: 400px; margin-top: 25px;">
                <table class="table table-bordered table-condensed eo_items">
                    <thead>
                    <tr>
                        <th>Item Code</th>
                        <th>Name</th>
                        <th>Original Qty</th>
                        <th class="text-center" style="width: 55px;"><i class="fa fa-gear"></i></th>
                    </tr>
                    </thead>
                    <tbody>
                    <th class="text-center" colspan="6">Sorry, No items added.</th>
                    </tbody>
                </table>
            </div>

        </div>
    </div>


    <div class="modal fade" id="modal_manageOrder" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 style="margin: 0px;" class="no_title">Manage orders</h3>
                </div>
                <div class="modal-body">

                    <div class="row">
                        <div class="col-xs-4">
                            <h4 style="margin: 0px 0px 10px 0px;"><label
                                        class="label label-default no_location_name"></label></h4>

                            <div class="form-group">
                                <label class="control-label">Delivery Number</label>
                                <input type="text" class="form-control no_delivery" name="no_delivery">
                            </div>
                            <div class="form-group">
                                <label class="control-label">Distributer Name</label>
                                
                                <div class="typeahead__container">
                                    <div class="typeahead__field">
                                        <span class="typeahead__query">
                                            <input class="no_distributor" name="no_distributor" placeholder="Search" autocomplete="off" type="search">
                                        </span>
                                        <span class="typeahead__button">
                                            <button type="submit">
                                                <i class="typeahead__search-icon"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label">Invoice Number</label>
                                <input type="text" class="form-control no_num" name="no_num">
                            </div>
                            <div class="form-group">
                                <label class="control-label">Location</label>
                                <select class="form-control no_locationsList chosen-select" name="no_locationsList"></select>
                            </div>
                            <div class="form-group">
                                <label class="control-label">Order Volume (CBM)</label>
                                <input type="text" class="form-control no_volume" name="no_volume">
                            </div>
                            <div class="form-group">
                                <label class="control-label">Order Weignt (Kg)</label>
                                <input type="text" class="form-control no_weight" name="no_weight">
                            </div>
                            <div class="form-group">
                                <label class="control-label">Number of cases</label>
                                <input type="text" class="form-control no_noc" name="no_noc">
                            </div>
                            <div class="form-group">
                                <label class="control-label">Order Value</label>
                                <input type="text" class="form-control no_value" name="no_value">
                            </div>
                            

                            <div class="form-group">
                                <div class="no_saveWrapper" style="display: none;">
                                    <button class="btn btn-primary no_save">Save</button>
                                </div>
                                <div class="no_updateWrapper" style="display: none;">
                                    <button class="btn btn-warning no_update">Update</button>
                                    <button class="btn btn-info no_cancel">Cancel</button>
                                </div>
                            </div>

                        </div>
                        <div class="col-xs-8">
                            <div class="row">
                                <div class="form-group col-xs-5">
                                    <label class="control-label">From</label>
                                    <input type="text" class="form-control fromDate" name="fromDate">
                                </div>
                                <div class="form-group col-xs-5">
                                    <label class="control-label">To</label>
                                    <input type="text" class="form-control toDate" name="toDate">
                                </div>
                                <div class="form-group col-xs-2">
                                    <button class="btn btn-primary filterOrders" style="margin-top: 25px;">Filter</button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive" style="max-height: 630px;">
                                        <table class="table table-bordered table-condensed no_orders">
                                            <thead>
                                            <tr>
                                                <th>Invoice #</th>
                                                <th>Distributor</th>
                                                <th>Order Weight</th>
                                                <th>Order Volume</th>
                                                <th class="text-center" width="55px">
                                                    <i class="fa fa-gear"></i>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody></tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


@stop
@section('script')
    <script type="text/javascript">
        $(function () {

            var _token = $('meta[name="_token"]').attr('content');

            $('.fromDate').datepicker({
                dateFormat: "yy-mm-dd",
                onSelect: function(){
                    $(".toDate").datepicker( "option", "minDate", new Date($('.fromDate').val()) );
                }
            });
            $(".toDate").datepicker({
                dateFormat: "yy-mm-dd",
                onSelect: function(){
                    $(".fromDate").datepicker( "option", "maxDate", new Date($('.toDate').val()) );
                }
            });


            $(document).ajaxStart(function () {
                $('button').data('loading-text', '...');
                $('button').button('loading');
            }).ajaxStop(function () {
                $('button').button('reset');
            });

            // --------------------------

            $('.chosen-select').chosen({search_contains:true});

            $.typeahead({
                input: '.no_distributor',
                order: 'asc',
                source: {
                    distributors: {
                        ajax: {
                            method: "POST",
                            url: "{{ url('/order/load_distributors') }}",
                            data: {_token: _token}
                        }
                    }
                },
                minLength: 1,
                dynamic: true
            });



            manageOrder_resetForm('save');


            manageOrder_load();

            $('.no_save').click(function () {
                var data = {
                    'no_locationsList': $('.no_locationsList').val(),
                    'no_volume': $('.no_volume').val(),
                    'no_weight': $('.no_weight').val(),
                    'no_num': $('.no_num').val(),
                    'no_noc' : $('.no_noc').val(),
                    'no_value' : $('.no_value').val(),
                    'no_delivery' : $('.no_delivery').val(),
                    'no_distributor' : $('.no_distributor').val()
                };
                newOrder_saveOrder(data);
            });

            $(".filterOrders").click(function(){
                manageOrder_load();
            });

            $('.no_cancel').click(function () {
                manageOrder_resetForm('save');
            });

            $('.no_update').click(function () {
                var data = {
                    'trip_id' : $('.cancelTrip').val(),
                    'id' : $(this).data('order_id'),
                    'no_locationsList' : $('.no_locationsList').val(),
                    'no_weight' : $('.no_weight').val(),
                    'no_volume' : $('.no_volume').val(),
                    'no_num': $('.no_num').val(),
                    'no_noc' : $('.no_noc').val(),
                    'no_value' : $('.no_value').val(),
                    'no_delivery' : $('.no_delivery').val(),
                    'no_distributor' : $('.no_distributor').val()
                };
                manageOrder_update(data);
            });

            // $(document).on('click', '.no_edit', function () {
            //     manageOrder_resetForm('update');
            //     $('.no_location_name').html($(this).data('location_name'));
            //     $('.no_update').data('order_id', $(this).data('id'));
            //     $('.no_locationsList').val($(this).data('location_id'));
            //     $('.no_weight').val($(this).data('order_weight'));
            //     $('.no_volume').val($(this).data('order_volume'));
            //     $('.no_num').val($(this).data('order_num'));
            //     $('.no_noc').val($(this).data('noc'));
            //     $('.no_value').val($(this).data('value'));
            //     $('.no_delivery').val($(this).data('delivery'));
            //     $('.no_distributor').val($(this).data('distributor'));
            // });

            // $(document).on('click', '.no_delete', function () {
            //     var id = $(this).data('id');
            //     bootbox.confirm('Are you sure you want to delete this order?', function (r) {
            //         if (r) {
            //             newOrder_deleteOrder(id);
            //         }
            //     });
            // });

            $(document).on('click', '.no_orders .dropdown-menu li a', function(){
                switch($(this).data("cvalue")){

                    case "no_edit":
                        manageOrder_resetForm('update');
                        $('.no_location_name').html($(this).data('location_name'));
                        $('.no_update').data('order_id', $(this).data('id'));
                        $('.no_locationsList').val($(this).data('location_id'));
                        $('.no_weight').val($(this).data('order_weight'));
                        $('.no_volume').val($(this).data('order_volume'));
                        $('.no_num').val($(this).data('order_num'));
                        $('.no_noc').val($(this).data('noc'));
                        $('.no_value').val($(this).data('value'));
                        $('.no_delivery').val($(this).data('delivery'));
                        $('.no_distributor').val($(this).data('distributor'));
                        $(".chosen-select").trigger("chosen:updated");
                    break;
                    case "no_delete":
                        var id = $(this).data('id');
                        bootbox.confirm('Are you sure you want to delete this order?', function (r) {
                            if (r) {
                                newOrder_deleteOrder(id);
                            }
                        });
                    break;
                    case "no_disable":

                        var id = $(this).data('id');
                        bootbox.prompt({
                            title: "A comment is required to disable this order.",
                            inputType: 'textarea',
                            callback: function (result) {
                                if(result != null){
                                    if(result.trim().length > 0){
                                        var comment = result.trim();
                                        newOrder_disableOrder(id, comment);
                                    }else{
                                        $.notify.error("<b>A comment is needed.</b>");
                                    }
                                }
                            }
                        });

                    break;

                    case "no_enable":
                        var id = $(this).data('id');
                        newOrder_enableOrder(id);
                    break;
                }
            });

            function newOrder_enableOrder(id){
                $.post("{{ url('/map/newOrder_enableOrder') }}", {_token: _token, id: id}, function(e){
                    $.highlightOrThrow(e, function () {
                        manageOrder_resetForm('save');
                        manageOrder_load();
                        load_ordersList(function () {
                            load_orderItems();
                        });
                    });
                }, 'json');
            }

            function newOrder_disableOrder(id, comment){
                $.post("{{ url('/map/newOrder_disableOrder') }}", {_token: _token, id:id, comment: comment}, function(e){
                    $.highlightOrThrow(e, function () {
                        manageOrder_resetForm('save');
                        manageOrder_load();
                        load_ordersList(function () {
                            load_orderItems();
                        });
                    });
                }, 'json');
            }

            function manageOrder_update(data) {
                $.post("{{ url('/order/manageOrder_update') }}", {_token: _token, data: data}, function (e) {
                    $.highlightOrThrow(e, function () {
                        manageOrder_resetForm('save');
                        manageOrder_load();
                        load_ordersList(function () {
                            load_orderItems();
                        });
                    });
                }, 'json');
            }

            function newOrder_deleteOrder(id) {
                $.post("{{ url('/map/newOrder_deleteOrder') }}", {_token: _token, id: id}, function (e) {
                    $.highlightOrThrow(e, function () {
                        manageOrder_resetForm('save');
                        manageOrder_load();
                        load_ordersList(function () {
                            load_orderItems();
                        });
                    });
                }, 'json');
            }


            function manageOrder_resetForm(method) {
                $.clearHighlights();
                $('.no_update').data('order_id', '');
                $('.no_location_name').html('');
                $('.no_locationsList').val('');
                $('.no_weight').val('');
                $('.no_volume').val('');
                $('.no_num').val('');

                $('.no_noc').val('');
                $('.no_value').val('');
                $('.no_delivery').val('');
                $('.no_distributor').val('');

                if (typeof(method) == 'string') {
                    if (method == 'save') {
                        $('.no_updateWrapper').hide();
                        $('.no_saveWrapper').show();
                    } else if (method == 'update') {
                        $('.no_saveWrapper').hide();
                        $('.no_updateWrapper').show();
                    }
                }
            }

            function newOrder_saveOrder(data) {
                $.post("{{ url('/map/newOrder_saveOrder') }}", {_token: _token, data: data}, function (e) {
                    $.highlightOrThrow(e, function () {
                        manageOrder_resetForm('save');
                        manageOrder_load();
                        load_ordersList(function () {
                            load_orderItems();
                        });
                    });
                }, 'json');
            }

            function manageOrder_load() {
                manageOrder_resetForm('save');
                var data = {
                    fromDate: $('.fromDate').val(),
                    toDate: $('.toDate').val(),
                };

                $.post("{{ url('/map/newOrder_loadOrder') }}", {_token: _token, data: data}, function (e) {

                    if (e != undefined && typeof(e) == 'object' && e.hasOwnProperty('locations') && e.hasOwnProperty('orders')) {

                        var orders = e.orders;
                        var locations = e.locations;



                        var sdom = '<option value="">Select a location</option>';
                        if (Object.keys(locations).length > 0) {
                            $.each(locations, function (i, location) {
                                sdom += '<option value="' + location.id + '">' + location.name + '</option>';
                            });
                        } else {
                            sdom = '<option value="">No locations found</option>';
                        }
                        $('.no_locationsList').html(sdom);
                        $(".no_locationsList").trigger('chosen:updated');


                        var tdom = '';
                        if (Object.keys(orders).length > 0) {
                            $.each(orders, function (i, order) {

                                tdom += '<tr '+ (order.disabled ? "style=\'background-color:#7f8c8d;\' data-toggle=\'tooltip\' title=\'"+ order.comment +"\'" : "") +' >';
                                tdom += '<td>' + order.num + '</td>';
                                // tdom += '<td>' + order.name + '</td>';
                                tdom += '<td>' + order.distributor + '</td>';
                                tdom += '<td>' + order.orderWeight + '</td>';
                                tdom += '<td>' + order.orderVolume + '</td>';
                                
                                tdom += '<td class="text-center">';
                                tdom += '    <div class="dropdown">';
                                tdom += '        <button type="button" class="btn btn-default btn-xs" aria-haspopup="true" data-toggle="dropdown" aria-expanded="true">';
                                tdom += '            <i class="fa fa-list"></i>';
                                tdom += '        </button>';
                                tdom += '        <ul class="dropdown-menu dropdown-menu-right">';

                                tdom += '            <li><a data-cvalue="no_edit" data-id="' + order.id + '" data-order_num="' + order.num + '" data-location_id="' + order.location_id + '" data-location_name="' + order.name + '" data-order_weight="' + order.orderWeight + '" data-order_volume="' + order.orderVolume + '" data-noc="'+ order.cases +'" data-value="'+ order.value +'" data-delivery="'+ order.deliveryNumber +'" data-distributor="'+ order.distributor +'">Update</a></li>';

                                if(order.disabled){
                                    tdom += '            <li><a data-cvalue="no_enable" data-id="' + order.id + '">Enable</a></li>';
                                }else{
                                    tdom += '            <li><a data-cvalue="no_disable" data-id="' + order.id + '">Disable</a></li>';
                                }

                                tdom += '            <li><a data-cvalue="no_delete" data-id="' + order.id + '">Delete</a></li>';
                                tdom += '        </ul>';
                                tdom += '    </div>';
                                tdom += '</td>';

                                // tdom += '<td>';
                                // tdom += '<div class="btn-group">';
                                // tdom += '	<button class="btn btn-warning btn-xs no_edit" data-id="' + order.id + '" data-order_num="' + order.num + '" data-location_id="' + order.location_id + '" data-location_name="' + order.name + '" data-order_weight="' + order.orderWeight + '" data-order_volume="' + order.orderVolume + '" data-noc="'+ order.cases +'" data-value="'+ order.value +'" data-delivery="'+ order.deliveryNumber +'" data-distributor="'+ order.distributor +'"><i class="fa fa-pencil"></i></button>';

                                // tdom += '	<button class="btn btn-danger btn-xs no_delete" data-id="' + order.id + '"><i class="fa fa-close"></i></button>';
                                // tdom += '<div>';
                                // tdom += '</td>';

                                tdom += '</tr>';

                                if(order.next_order_number != null){
                                    if(+order.num > (+order.next_order_number+1)){
                                        var missing = (+order.num - +order.next_order_number) - 1;

                                        tdom += '<tr style="background-color: #f1c40f;">';
                                        if(missing > 1){
                                            tdom += '<td colspan="5" class="text-center"><b>( ' + (+order.next_order_number + 1) + ' - ' + (order.num - 1) + ' )</b> '+ missing +' invoices missing </td>';
                                        }else{
                                            tdom += '<td colspan="5" class="text-center"><b>( '+ (+order.num - 1) +' )</b> '+ missing +' invoice missing</td>';
                                        }
                                        tdom += '</tr>';
                                    }
                                }
                            });
                        } else {
                            tdom += '<tr><th class="text-center" colspan="5">Sorry, No orders added.</th></tr>';
                        }
                        $('.no_orders tbody').html(tdom);
                        $('[data-toggle="tooltip"]', '.no_orders tbody').tooltip();
                    }


                    $('#modal_newOrder').modal('show');
                }, 'json');
            }


            // ------------------------------------

            resetForm('save');
            load_ordersList(function () {
                load_orderItems();
            });

            $(document).on('click', '.eo_deleteItem', function () {
                var data = {
                    order_id: $(this).data('order_id'),
                    item_id: $(this).data('item_id')
                };
                bootbox.confirm('Are you sure you want to delete this item?', function (r) {
                    if (r) {
                        delete_orderItem(data);
                    }
                });
            });

            $(document).on('click', '.eo_editItem', function () {
                resetForm('update');

                $('.eo_update').data('order_id', $(this).data('order_id'));
                $('.eo_update').data('item_id', $(this).data('item_id'));
                $('.eo_code').val($(this).data('item_code'));
                $('.eo_name').val($(this).data('item_name'));
                $('.eo_volume').val($(this).data('item_volume'));
                $('.eo_weight').val($(this).data('item_weight'));
                $('.eo_qty').val($(this).data('item_qty'));
            });

            $('.eo_itemsList').change(function () {
                if ($(this).val() != '') {
                    resetForm('clear');

                    $('.eo_code').prop('disabled', true);
                    $('.eo_name').prop('disabled', true);
                    $('.eo_volume').prop('disabled', true);
                    $('.eo_weight').prop('disabled', true);

                    var item_id = $('option:selected', $(this)).val();
                    var code = $('option:selected', $(this)).data('item_code');
                    var name = $('option:selected', $(this)).data('item_name');
                    var volume = $('option:selected', $(this)).data('item_volume');
                    var weight = $('option:selected', $(this)).data('item_weight');

                    $('.eo_save').data('item_id', item_id);
                    $('.eo_code').val(code);
                    $('.eo_name').val(name);
                    $('.eo_volume').val(volume);
                    $('.eo_weight').val(weight);

                } else {

                    resetForm('clear');

                    $('.eo_code').prop('disabled', false);
                    $('.eo_name').prop('disabled', false);
                    $('.eo_volume').prop('disabled', false);
                    $('.eo_weight').prop('disabled', false);
                }
            });

            $('.ordersList').change(function () {
                resetForm('save');
                load_orderItems();
            });

            $('.eo_cancel').click(function () {
                $('.eo_itemsList option[value=""]').prop('selected', true);
                resetForm('save');
            });

            $('.eo_save').click(function () {
                var data = {
                    order_id: $('.ordersList').val(),
                    item_id: $(this).data('item_id'),
                    eo_code: $('.eo_code').val(),
                    eo_name: $('.eo_name').val(),
                    eo_volume: $('.eo_volume').val(),
                    eo_weight: $('.eo_weight').val(),
                    eo_qty: $('.eo_qty').val()
                };
                save_orderItem(data);
            });

            $('.eo_update').click(function () {
                var data = {
                    order_id: $('.ordersList').val(),
                    item_id: $(this).data('item_id'),
                    eo_code: $('.eo_code').val(),
                    eo_name: $('.eo_name').val(),
                    eo_volume: $('.eo_volume').val(),
                    eo_weight: $('.eo_weight').val(),
                    eo_qty: $('.eo_qty').val()
                };
                update_orderItem(data);
            });

            $('.manageOrders').click(function () {
                $('#modal_manageOrder').modal('show');
            });

            function delete_orderItem(data) {
                $.post("{{ url('/order/delete_orderItem') }}", {_token: _token, data: data}, function (e) {
                    $.highlightOrThrow(e, function () {
                        resetForm('save');
                        load_orderItems();
                    });
                }, 'json');
            }

            function update_orderItem(data) {
                $.post("{{ url('/order/update_orderItem') }}", {_token: _token, data: data}, function (e) {
                    $.highlightOrThrow(e, function () {
                        resetForm('save');
                    });
                    load_orderItems();
                }, 'json');
            }

            function save_orderItem(data) {
                $.post("{{ url('/order/save_orderItem') }}", {_token: _token, data: data}, function (e) {
                    $.highlightOrThrow(e, function () {
                        resetForm('save');
                    });
                    load_orderItems();
                }, 'json');
            }

            function load_ordersList(callback) {
                var $select = $('.ordersList');

                $.post("{{ url('/order/load_ordersList') }}", {_token: _token}, function (e) {
                    var dom = '';
                    if (typeof(e) == 'object' && Object.keys(e).length > 0) {
                        $.each(e, function (i, k) {
                            dom += '<option value="' + k.id + '">Order ' + k.num + '</option>';
                        });
                    } else {
                        dom = '<option>No Orders added.</option>';
                    }
                    $select.html(dom);
                    if (callback != undefined && typeof(callback) == 'function') {
                        callback();
                    }
                }, 'json');
            }


            function load_orderItems() {
                var data = {
                    'order_id': $('.ordersList').val()
                };
                $('.eo_save').data('order_id', data.order_id);

                $.post("{{ url('/order/load_orderItems') }}", {_token: _token, data: data}, function (e) {
                    if (e != undefined && typeof(e) == 'object' && Object.keys(e).length > 0 && e.hasOwnProperty('order') && e.hasOwnProperty('items') && e.hasOwnProperty('count') && e.hasOwnProperty('itemsList') && typeof(e.items) == 'object' && typeof(e.itemsList) == 'object') {

                        var order = e.order;
                        var items = e.items;
                        var count = e.count;
                        var itemsList = e.itemsList;

                        var sdom = '<option value="">Create new item</option>';
                        $.each(itemsList, function (i, item) {
                            sdom += '<option value="' + item.id + '" data-item_code="' + item.code + '" data-item_name="' + item.name + '" data-item_volume="' + item.volume + '" data-item_weight="' + item.weight + '">'+ item.code +' - ' + item.name + '</option>';
                        });
                        $('.eo_itemsList').html(sdom);
                        $('.chosen-select').trigger('chosen:updated');


                        var tdom = '';
                        if (Object.keys(items).length > 0) {
                            $.each(items, function (i, item) {
                                tdom += '<tr>';
                                tdom += '<td>' + item.code + '</td>';
                                tdom += '<td>' + item.name + '</td>';
                                tdom += '<td>' + item.qty + '</td>';
                                tdom += '<td>';
                                tdom += '<div class="btn-group">';
                                tdom += '<button class="btn btn-warning btn-xs eo_editItem" data-order_id="' + order.id + '" data-item_id="' + item.id + '" data-item_code="' + item.code + '" data-item_name="' + item.name + '" data-item_volume="' + item.itemVolume + '" data-item_weight="' + item.itemWeight + '" data-item_qty="' + item.qty + '"><i class="fa fa-pencil"></i></button>';
                                tdom += '<button class="btn btn-danger btn-xs eo_deleteItem" data-order_id="' + order.id + '" data-item_id="' + item.id + '"><i class="fa fa-close"></i></button>';
                                tdom += '</div>';
                                tdom += '</td>';
                                tdom += '</tr>';
                            });
                        } else {
                            tdom = '<tr><th class="text-center" colspan="7">Sorry, No results found.</th></tr>';
                        }
                        $('.eo_items tbody').html(tdom);


                        var tdom = '<tr>';
                        tdom += '<th colspan="2">Available items : ' + count + '</th>';
                        tdom += '</tr>';
                        tdom += '<tr>';
                        tdom += '<th>Original Volume : ' + order.orderVolume.toFixed(3) + ' CBM</th>';
                        tdom += '<th>Original Weight : ' + order.orderWeight.toFixed(3) + ' Kg</th>';
                        tdom += '</tr>';
                        tdom += '<tr>';
                        tdom += '<th>Remaining Volume : ' + order.remainingVolume.toFixed(3) + ' CBM</th>';
                        tdom += '<th>Remaining Weight : ' + order.remainingWeight.toFixed(3) + ' Kg</th>';
                        tdom += '</tr>';
                        $('.order_summary thead').html(tdom);

                    } else {
                        tdom = '<tr><th class="text-center" colspan="7">Sorry, No results found.</th></tr>';
                        $('.eo_items tbody').html(tdom);
                    }
                }, 'json');
            }

            function resetForm(method) {
                $('.clear').clear();
                $.clearHighlights();
                $('.eo_save').data('order_id', '');
                $('.eo_update').data('order_id', '');
                if (method != undefined && typeof(method) == 'string') {
                    if (method == 'save') {
                        $('.eo_save').data('item_id', "");

                        $('.eo_code').prop('disabled', false);
                        $('.eo_name').prop('disabled', false);
                        $('.eo_volume').prop('disabled', false);
                        $('.eo_weight').prop('disabled', false);

                        $('.eo_newItemWrapper').show();
                        $('.eo_updateWrapper').hide();
                        $('.eo_saveWrapper').show();
                    } else if (method == 'update') {
                        $('.eo_code').prop('disabled', true);
                        $('.eo_name').prop('disabled', true);
                        $('.eo_volume').prop('disabled', true);
                        $('.eo_weight').prop('disabled', true);

                        $('.eo_newItemWrapper').hide();
                        $('.eo_saveWrapper').hide();
                        $('.eo_updateWrapper').show();
                    } else if (method == 'clear') {
                        $('.eo_save').data('item_id', "");
                    }
                }
            }

        });
    </script>
@stop