@extends('layouts.main')
@section('title')
    Goods Received Notes
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Inventory</a> <span class="divider">/</span></li>
        <li class="active">Goods Received Notes</li>
    </ul>
@stop

@section('msghead_menu')
    <li class="right btn-group">
        <div class="btn-group">
            <button class="btn  btn-small" onclick="openAdvancedSearch('grns_filters')" style="margin-left: 2px; margin: 20px">
                <span class="icon-search"></span> &nbsp; FILTER
            </button>
            @if(auth()->user()->can('RETURN GOODS'))
                <button class="btn" style="margin-right: 2px" id="return_goods"> RETURN GOODS</button>
            @endif

        </div><!--btn-group-->
    </li>
@stop
@section('contentinner')

    @include('errors.errors-list')

    <div id="grns_filters" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('grns_filters')">&times;</a>


        <form target="_blank" class="form-inline form-filter" method="get"
              action="#">

            <label class="control-label" for="Category">GRN #</label>
            <input id="grn_id" class="span12" value="" autocomplete="off">
            <label class="control-label" for="Category">LPO #</label>
            <input id="lpo_id" class="span12" value="" autocomplete="off">
            <label class="control-label" for="serial_number">Serial #</label>
            <input id="serial_number" class="span12" value="" autocomplete="off">
            <label class="control-label" for="reference">REFERENCE</label>
            <input id="reference" class="span12" value="" autocomplete="off">
            <label class="control-label" for="vendor_id">SUPPLIER</label>
            <select name="vendor_id" width="100%" id="vendor_id" class="searchable">
                <option value="">All</option>
                @foreach($vendors as $vendor)
                    <option value="{{$vendor->id}}">{{strtoupper($vendor->name)}}</option>
                @endforeach
            </select>
            <label class="control-label" for="Category">RECEIVER</label>
            <select name="user_id" width="100%" id="user_id" class="searchable">
                <option value="">All</option>
                @foreach($users as $user)
                    @if($user->id != 38)
                        <option value="{{$user->id}}">{{$user->full_name}}</option>
                    @endif
                @endforeach
            </select>

            <button class="btn" style="margin: 5px" id="filter_grns">FILTER</button>
            {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
        </form>


    </div>

    <!-- Main Table -->
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="main_table">
                <thead>

                <tr>
                    <th class="nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                    <th style="width: 110px"></th>
                    <th style="width: 70px">GRN NO.</th>
                    <th style="width: 70px">LPO NO.</th>
                    <th style="width: 100px">Date</th>
                    <th>Received By</th>
                    <th>Supplier</th>
                    {{--                    <th>Dr Account</th>--}}
                    {{--<th>Reference</th>--}}
                    <th style="width: 120px">Amount</th>
                    {{--<th>Status</th>--}}
                    <th>Action</th>

                </tr>

                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->


    <script>

        jQuery('.searchable').select2();

        var oTable = jQuery('#main_table').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "searching": false,
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No store records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{ route("inventories.goods-received-notes.data-table.index") }}',
                    data: function (d) {
                        d.grn_id = $('#grn_id').val();
                        d.lpo_id = $('#lpo_id').val();
                        d.serial_number = jQuery('#serial_number').val();
                        d.reference = $('#reference').val();
                        d.vendor_id = $('#vendor_id').val();
                        d.user_id = $('#user_id').val();
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[1,'asc']],
                "lengthMenu": [50, 100, 500, 1000, 3000, 5000],
                "columns": [

                    {data: 'checkbox'},
                    {
                        "class": "",
                        "orderable": false,
                        "data": 'item_entries_count'
                    },
                    {"class": "link", data: 'grn_number'},
                    {"class": "link", data: 'lpo_number'},
                    {"class": "link", data: 'date'},
                    {"class": "link", data: 'received_by'},
                    {"class": "link number", data: 'supplier'},
                    // {"class": "link number", data: 'dr_account'},
//            {"class": "link number", data: 'reference'},

                    {
                        "render": function (data, type, row) {
                            return data.toLocaleString();
                        },
                        "class": "link",
                        data: 'amount'
                    },
//            {"class": "link", data: 'status'},
                    {"class": "link", data: 'action'}

                ],
                "bStateSave": true
            });

        $('#filter_grns').on('click', function (e) {
            e.preventDefault();
            oTable.draw();
        });

        jQuery('#return_goods').click(function () {

            var goods_received_note_id = checkRows('goods_received_note_id');
            if (goods_received_note_id.length != 1) {
                logistics_alert('PLEASE CHECK ONE ORDER TO CONTINUE', 'SELECTION DIALOG');
                /// jAlert("PLEASE CHECK ONE ORDER TO CONTINUE", 'SELECTION DIALOG');
                return false;
            }
            jQuery.ajax({
                url: "{{route('inventories.goods_returned_notes_create')}}",
                type: 'GET',
                data: {
                    goods_received_note_id: goods_received_note_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');
//                    onModalShown();
//
//                    var form = modal.find('form');
//                    form.on('submit', function (e) {
//                        e.preventDefault();
//                        storeOrUpdate(form, method);
//                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
            return false;
        });

    </script>

@stop