@extends('layouts.main')
@section('title')
    Inventory Managements
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Inventory Managements</a> <span class="divider">/</span></li>
        <li class="active">Goods Issued Notes</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <button class="btn" style="margin-right: 4px" onclick="modelShow('good_issued_note_create_modal')">
            <span class="iconsweets-create"></span> ISSUE GOODS
        </button>
    </li>
@stop
@section('contentinner')
    <style>
        #good_issued_note_create_modal {
            width: 60%;
            left: 40%;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">

            <table class="table table-bordered table-condensed" id="inventories-gin-list">
                <thead>
                <tr>
                    <th class="nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                    <th style="width: 110px"></th>
                    <th style="width: 70px">GIN NO.</th>
                    <th>Date</th>
                    <th>Issued To</th>
                    {{--<th>Location</th>--}}
                    <th>Reference</th>
                    <th>Amount</th>
                    <th style="width: 50px">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="good_issued_note_create_modal">
        {!! Form::open(array('class' => 'stdform','id'=>'good_issued_note_create_form')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">CREATE GOODS ISSUED NOTE</h3>
        </div>
        <div class="modal-body">

            <div class="division_one">
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span12">
                        <label class="span2">Date</label>

                        <div class="field span10">
                            <input type="text" name="date_created" class="span12 goods_issued_notes_date" required/>
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span12">
                        <label class="span2">Received By</label>

                        <div class="field span10">
                            <select name="received_by" class="span12 searchable_select" style="width: 100%" required>
                                <option></option>
                                @foreach($employees as $employee)
                                    <option value="{{$employee->employee_id}}">{{$employee->fullName}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row-fluid" style="margin-top: 4px">
                    <div class="span12">
                        <label class="span2">Issued For</label>

                        <div class="field span10">
                            <select class="span12 searchable_select consumer" style="width: 100%" required>
                                <option></option>
                                <option value="ROUTE">TRIP</option>
                                <option value="VEHICLE_SERVICES">VEHICLE SERVICES</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="consumer_more_details">

                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <table class="table table-condensed">
                        <thead>
                        <tr>
                            <th style="width: 25%">Item</th>
                            <th style="width: 15%">Quantity</th>
                            <th style="width: 15%">Cost</th>
                            <th style="width: 15%">Amount</th>
                            <th style="width: 25%">Descriptions</th>
                            <th style="width: 5%">&nbsp;</th>
                        </tr>
                        </thead>
                        <tbody id="create_goods_issued_note_item_add_more_row_body">
                        <tr>
                            <td>
                                <select name="item_id[]" class="span12 searchable_select" style="width: 100%">
                                    <option></option>
                                    @foreach($items as $item)
                                        <option value="{{$item->id}}">{{$item->name}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td><input type="text" name="quantity[]" class="span12"/></td>
                            <td><input type="text" name="item_cost[]" class="span12"/></td>
                            <td><input type="text" name="amount[]" class="span12"/></td>
                            <td><textarea name="descriptions[]" rows="1" class="span12"></textarea></td>
                            <td>&nbsp;</td>
                        </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-success" type="submit">CREATE GIN</button>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn" type="button" id="create_goods_issued_note_item_add_more_row_button"><i
                        class="icon-plus-sign"></i> Add Item
            </button>
        </div>
        {!! Form::close() !!}
    </div>


    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="good_issued_note_edit_modal">
        {!! Form::open(array('class' => 'stdform','id'=>'good_issued_note_edit_form')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">EDIT GOODS ISSUED NOTE</h3>
        </div>
        <div class="modal-body" id="edit_goods_issued_note_body">


        </div>
        <div class="modal-footer">
            <button class="btn btn-success" type="submit">UPDATE GIN</button>
            <button class="btn" data-dismiss="modal" aria-hidden="true">CANCEL</button>
            <button class="btn" type="button" id="edit_goods_issued_note_item_add_more_row_button">
                <i class="icon-plus-sign"></i> Add Item
            </button>
        </div>
        {!! Form::close() !!}
    </div>

    <table style="display: none">
        <tr class="create_goods_issued_note_item_add_more_row_tr">
            <td>
                <select name="item_id[]" class="span12" style="width: 100%">
                    <option></option>
                    @foreach($items as $item)
                        <option value="{{$item->id}}">{{$item->name}}</option>
                    @endforeach
                </select>
            </td>
            <td><input type="text" name="quantity[]" class="span12"/></td>
            <td><input type="text" name="item_cost[]" class="span12"/></td>
            <td><input type="text" name="amount[]" class="span12"/></td>
            <td><textarea name="descriptions[]" rows="1" class="span12"></textarea></td>
            <td>
                <a class="remove_row alert-danger"><i class="icon-trash"></i></a>
            </td>
        </tr>
    </table>
    <script>
        jQuery('body').on('DOMNodeInserted', 'select', function () {
            jQuery(this).select2();
        });

        getAmount();
        getConsumerType(0);
        getConsumerType2()
        getItemAveregeCost();
        jQuery('.goods_issued_notes_date').datepicker();
        jQuery('.searchable_select').select2();

        jQuery('#create_goods_issued_note_item_add_more_row_button').each(function () {
            if (jQuery(this).attr('initialized') != 'true') {
                jQuery(this).on('click', function (e) {
                    e.preventDefault();
                    var add_row = jQuery('.create_goods_issued_note_item_add_more_row_tr').clone();
                    add_row.removeClass('create_goods_issued_note_item_add_more_row_tr').addClass('tempo').find('select[name="item_id[]"]').select2();
                    jQuery('#create_goods_issued_note_item_add_more_row_body').prepend(add_row);
                    getItemAveregeCost();
                    getAmount();
                    jQuery('.remove_row').on('click', function () {
                        jQuery(this).parent().parent().remove();
                    });
                });
            }
        });


        jQuery('#good_issued_note_create_form').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                url: '{{route('inventories.good-issued-note.store')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (data) {
                    if (data == 'DONE') {
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} GOODS ISSUED NOTE CREATED SUCCESSFUL!', {
                            theme: 'contrastBorder',
                            sticky: true
                        });
                        jQuery('#inventories-gin-list').dataTable().fnFilter(this.value);
                        this_form.find('input:text, input:password, input:file, select, textarea').val('');
                        this_form.find('input:radio, input:checkbox')
                                .removeAttr('checked').removeAttr('selected');
                        jQuery('#create_goods_issued_note_item_add_more_row_body').find('.tempo').each(function () {
                            jQuery(this).remove();
                        });
                        this_form.closest('.modal').modal('hide');
                    } else if (data == 'FAIL') {
                        alert("FAIL TO CREATE GOODS ISSUED NOTE.");
                    }
                }
            });
        });

        jQuery('#good_issued_note_edit_form').on('submit', function (e) {
            e.preventDefault();
            var this_form = jQuery(this);
            jQuery.ajax({
                url: '{{route('inventories.good-issued-note.update')}}',
                type: 'post',
                data: jQuery(this).serialize(),
                success: function (data) {
                    if (data == 'DONE') {
                        jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} GOODS ISSUED NOTE UPDATED SUCCESSFUL!', {
                            theme: 'contrastBorder',
                            sticky: true
                        });
                        jQuery('#inventories-gin-list').dataTable().fnFilter(this.value);

                        this_form.find('input:text, input:password, input:file, select, textarea').val('');
                        this_form.find('input:radio, input:checkbox')
                                .removeAttr('checked').removeAttr('selected');
                        jQuery('#edit_goods_issued_note_item_add_more_row_body').find('.tempo').each(function () {
                            jQuery(this).remove();
                        });
                        this_form.closest('.modal').modal('hide');
                    } else if (data == 'FAIL') {
                        alert("FAIL TO UPDATE GOODS ISSUED NOTE.");
                    } else if (data == 'CANT') {
                        alert("YOU CANNOT UPDATE THIS GOODS ISSUED NOTE");
                    }
                }
            });
        });


        var oTable = jQuery('#inventories-gin-list').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Goods Received Note...",
                "sZeroRecords": "No Goods Received Note to Display.",
                "sProcessing": "Please wait - loading records...",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('inventories.goods-issued-notes.data-table.index')}}',
                data: function (d) {
//                d.route_id = jQuery('#name').val();
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timout error. The server took too long to send back the data.\nPlease try again.');
                    }
                    oTable.fnProcessingIndicator(false);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'checkbox'},
                {
                    "class": "",
                    "orderable": false,
                    "data": 'item_entries_count'
                },
                {"class": "link", data: 'gin_number'},
                {"class": "link", data: 'date'},
                {"class": "link", data: 'received_by'},
//                {"class": "link number", data: 'consumer'},
                {"class": "link number", data: 'reference_number'},
                {"class": "link number", data: 'amount'},
                {"class": "link", data: 'action'}
            ],
            "fnDrawCallback": function () {

                jQuery('.delete_goods_issued_note').click(function () {
                    var conf = confirm('Are you sure?');
                    if (conf)
                        var tr_p = jQuery(this).parents('tr');

                    var goods_issued_note_id = tr_p.find('.goods_issued_note_id').val();
                    jQuery.ajax({
                        url: "{{route('inventories.good-issued-note.destroy')}}",
                        type: 'POST',
                        data: {
                            goods_issued_note_id: goods_issued_note_id,
                        },
                        cache: false,
                        success: function (data) {
                            if (data == 'DONE') {
                                jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} GOODS ISSUED NOTE DELETED SUCCESSFUL!', {
                                    theme: 'contrastBorder',
                                    sticky: true
                                });
                                jQuery('#inventories-gin-list').dataTable().fnFilter(this.value);
                            } else if (data == 'FAIL') {
                                alert("FAIL TO DELETE GOODS ISSUED NOTE.");
                            } else if (data == 'CANT') {
                                alert("YOU CANNOT DELETE THIS GOODS ISSUED NOTE");
                            }
                        }
                    });

                    return false;
                });

                jQuery('.edit_goods_issued_note').click(function () {
                    var tr_p = jQuery(this).parents('tr');

                    var goods_issued_note_id = tr_p.find('.goods_issued_note_id').val();

                    jQuery.ajax({
                        url: "{{route('inventories.good-issued-note.edit')}}",
                        type: 'GET',
                        data: {
                            goods_issued_note_id: goods_issued_note_id,
                        },
                        success: function (data) {
                            jQuery('#good_issued_note_edit_modal').appendTo("body").modal('toggle');
                            jQuery('#edit_goods_issued_note_body').empty().append(data);
                            jQuery('.edit_searchable_select').select2();
                            getConsumerType(goods_issued_note_id);
                            getConsumerType2();
                            jQuery('.edit_goods_issued_notes_date').datepicker();
                            jQuery('#edit_goods_issued_note_item_add_more_row_button').each(function () {
                                if (jQuery(this).attr('initialized') != 'true') {
                                    jQuery(this).on('click', function (e) {
                                        e.preventDefault();
                                        var add_row = jQuery('.create_goods_issued_note_item_add_more_row_tr').clone();
                                        add_row.removeClass('create_goods_issued_note_item_add_more_row_tr').addClass('tempo')
                                                .append('<input type="hidden" name="goods_issued_note_item_id[]" />');
                                        add_row.removeClass('create_goods_issued_note_item_add_more_row_tr').find('select[name="item_id[]"]').select2();
                                        jQuery('#edit_goods_issued_note_item_add_more_row_body').prepend(add_row);
                                        getItemAveregeCost();
                                        getAmount();
                                        jQuery('.remove_row').on('click', function () {
                                            jQuery(this).parent().parent().remove();
                                        });
                                    });
                                }
                            });

                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                        }
                    });
                });


            },
            "bStateSave": true,
        });

        var item_entries = [];

        jQuery('#inventories-gin-list tbody').on('click', 'tr td button.item_entries', function () {
            var tr = jQuery(this).closest('tr');
            var row = oTable.row(tr);
            var idx = jQuery.inArray(tr.attr('id'), item_entries);

            if (row.child.isShown()) {
//            tr.removeClass('items');
                row.child.hide();

                // Remove from the 'open' array
                item_entries.splice(idx, 1);
            }
            else {
//            tr.addClass('items');
                row.child(format(row.data())).show();

                // Add to the 'open' array
                if (idx === -1) {
                    item_entries.push(tr.attr('id'));
                }
            }
        });

        // On each draw, loop over the `item_entries` array and show any child rows
        oTable.on('draw', function () {
            jQuery.each(item_entries, function (i, id) {
                jQuery('#' + id + ' td.item_entries').trigger('click');
            });
        });

        function getItemAveregeCost() {
            jQuery('select[name="item_id[]"]').on('change', function () {
                var core_parent = jQuery(this).parent().parent();
                var item_id = jQuery(this).val();
                var item_cost = core_parent.find('input[name="item_cost[]"]');
                var quantity = removeComma(core_parent.find('input[name="quantity[]"]').val());
                var amount_position = core_parent.find('input[name="amount[]"]');
                jQuery.ajax({
                    url: '{{route('items.average-cost')}}',
                    type: 'get',
                    data: {
                        item_id: item_id
                    },
                    success: function (data) {
                        item_cost.val(data);
                        var amount = quantity * removeComma(data);
                        amount_position.val(amount.toLocaleString());
                    }
                });
            });
        }
        function getConsumerType(goods_issued_note_id) {
            jQuery('.consumer').each(function () {
                var consumer_type = jQuery(this).val();
                var consumer_more_details = jQuery(this).parent().parent().parent().parent().find('.consumer_more_details');

                if (consumer_type) {
                    jQuery.ajax({
                        url: '{{route('items.consumer-type')}}',
                        type: 'get',
                        data: {
                            consumer_type: consumer_type,
                            goods_issued_note_id: goods_issued_note_id
                        },
                        success: function (data) {
                            consumer_more_details.empty().append(data);
                            jQuery('.consumer_types_more_details').select2();
                        }
                    });
                }
            });

        }

        function getConsumerType2() {
            jQuery('.consumer').on('change', function () {
                var consumer_type = jQuery(this).val();
                var consumer_more_details = jQuery(this).parent().parent().parent().parent().find('.consumer_more_details');

                if (consumer_type) {
                    jQuery.ajax({
                        url: '{{route('items.consumer-type')}}',
                        type: 'get',
                        data: {
                            consumer_type: consumer_type
                        },
                        success: function (data) {
                            consumer_more_details.empty().append(data);
                            jQuery('.consumer_types_more_details').select2();
                        }
                    });
                }
            });
        }
        function getAmount() {
            jQuery('input[name="quantity[]"],input[name="item_cost[]').keyup(function () {
                var core_parent = jQuery(this).parent().parent();
                var quantity = removeComma(core_parent.find('input[name="quantity[]"]').val());
                var item_cost = removeComma(core_parent.find('input[name="item_cost[]"]').val());
                var amount_position = core_parent.find('input[name="amount[]"]');
                var amount = quantity * item_cost;
                amount_position.val(amount.toLocaleString());
            });
        }
        function format(d) {
            return d.item_entries_display;
        }
    </script>
@stop