@extends('layouts.main_without_top_button')
@section('good_received_notes')
    active
@stop
@section('title')
    {{$vendor->name}} Profile
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('vendors.index')}}">Vendors</a> <span class="divider">/</span></li>
        <li><a href="{{route('vendors.show', $vendor->id)}}">{{$vendor->name}} Profile</a> <span class="divider">/</span></li>
        <li class="active">Goods Received Notes</li>
    </ul>
@stop
@section('contentinner')
    <style>
        table tbody td .number {
            text-align: right;
        }
    </style>
    <div class="tabbable">
        @include('vendors.includes.vendor_profile')
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="msghead">
                    <ul class="msghead_menu">
                        <li class="right btn-group">
                            <div class="btn-group">
                                <button class="btn dropdown-toggle" data-toggle="dropdown" id="create_journal_voucher">
                                    CREATE INVOICE
                                </button>
                            </div><!--btn-group-->
                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->
                <br>
                <table class="table table-bordered table-condensed" id="vendors-grn-list">
                    <thead>
                    <tr>
                        <th class="head0 nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                        <th class="head1" style="width: 110px"></th>
                        <th class="head0" style="width: 70px">GRN NO.</th>
                        <th class="head1">Date</th>
                        <th class="head1">Received By</th>
                        <th class="head0">Amount</th>
                        {{--<th class="head1">Amount Paid</th>--}}
                        {{--<th class="head1">Balance</th>--}}
                        <th style="width: 20px">Status</th>
                    </tr>
                    </thead>
                    <tfoot>
                    <tr>
                        <td colspan="5" style="text-align: right">TOTAL</td>
                        <td style="text-align: right">{{number_format(0)}}</td>
                        {{--<td style="text-align: right">{{number_format(0)}}</td>--}}
                        {{--<td style="text-align: right">{{number_format(0)}}</td>--}}
                        <td></td>
                    </tr>
                    </tfoot>
                </table>
            </div><!--tab-pane-->
        </div><!--tabcontent-->
    </div><!--tabbable-->
    <!-- <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="grn_payment_modal"
         tabindex="-1">
        {!! Form::open(array('class' => 'stdform','id'=>'grn_payment_form','route'=>'goods-received-notes.journal-vouchers.store')) !!}
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel"><span class="vendors_name"></span></h3>
        </div>
        <div class="modal-body">
            <div id="grn_payment_body"></div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-success" name="update_vendor" id="update_vendor" type="submit">Bill</button>
        </div>
        {!! Form::close() !!}
    </div> -->
    <script>
        function format(d) {
            return d.item_entries;
        }

        var oTable = jQuery('#vendors-grn-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('vendors.data-table.goods-received-notes',array('vendors'=>$vendor->id))}}',
                data: function (d) {
                    // d.route_id = jQuery('#name').val();
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                    oTable.fnProcessingIndicator(false);
                }
            },
            scrollY: '48vh',
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "aoColumnDefs": [{
                "aTargets": [5],
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    jQuery(nTd).css('text-align', 'right')
                    if (sData == 0) {
                        jQuery(nTd).addClass('highlight-red')
                    }
                }
            // },
            //     , {
            //     "aTargets": [6],
            //     "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
            //         jQuery(nTd).css('text-align', 'right')
            //         if (sData == 0) {
            //             jQuery(nTd).addClass('highlight-red')
            //         }
            //     }
            // }, {
            //     "aTargets": [7],
            //     "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
            //         jQuery(nTd).css('text-align', 'right')
            //         if (sData == 0) {
            //             jQuery(nTd).addClass('highlight-red')
            //         }
            //     }
            }],
            "columns": [
                {data: 'checkbox'},
                {
                    "class": "",
                    "orderable": false,
                    "data": 'item_entries_count'
                },
                {"class": "link", data: 'grn_number'},
                {"class": "link", data: 'date'},
                {"class": "link", data: 'received_by'},
                {
                    "render": function (data, type, row) {
                        return data.toLocaleString();
                    },
                    "class": "link",
                    data: 'amount'
                },
//                {"class": "link number", data: 'amount_paid'},
//                {"class": "link number", data: 'balance'},
                {"class": "link", data: 'status'}
            ],
            "fnDrawCallback": function () {
                jQuery('tr td .number').addClass('number');
            },
            "footerCallback": function (row, data, start, end, display) {
                var api = this.api(), data;

                // Remove the formatting to get integer data for summation
                var intVal = function (i) {
                    return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
                };

                // Total over all pages
                total_amount = api.column(5).data().reduce(function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0);
//
//                total_paid_amount = api.column(6).data().reduce(function (a, b) {
//                    return intVal(a) + intVal(b);
//                }, 0);
//
//                total_balance = api.column(7).data().reduce(function (a, b) {
//                    return intVal(a) + intVal(b);
//                }, 0);

                // Update footer
                jQuery(api.column(5).footer()).html(total_amount.toLocaleString());
            },
            "bStateSave": true,
        });

        var item_entries = [];

        jQuery('#vendors-grn-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 `detailRows` array and show any child rows
        oTable.on('draw', function () {
            jQuery.each(item_entries, function (i, id) {
                jQuery('#' + id + ' td.item_entries').trigger('click');
            });
        });

        jQuery('#create_journal_voucher').on('click', function () {
            var goods_received_note_ids = getId('Please check at least one GRN to continue!', 'goods_received_note_id');
            if (goods_received_note_ids) {
                create("{{ route('vendors.goods-received-notes.journal-vouchers.create') }}", goods_received_note_ids);
            }
            return false;
        });
    </script>
@stop