@extends('layouts.main', ['title' => 'Goods Issued Notes | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a >Inventories Managements</a><span class="divider">/</span></li>
        <li class="active">Goods Issued Notes</li>
    </ul>
@stop
@section('title')
     Goods Issued Notes
@endsection
@section('msghead_menu')
    <li class="right btn-group">
            <button class="btn  btn-small" onclick="openAdvancedSearch('gins_filters')" style="margin-left: 2px; margin: 20px">
                <span class="icon-search"></span> &nbsp; FILTER5
            </button>
    </li>
@stop
@section('contentinner')
    <div id="gins_filters" class="sidenav">
        <a href="javascript:void(0)" class="closebtn"
           onclick="closeAdvancedSearch('gins_filters')">&times;</a>


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

            <label class="control-label" for="gin_id">GIN #</label>
            <input id="gin_id" class="span12" value="">
            <label class="control-label" for="requisition_id">REQ #</label>
            <input id="requisition_id" class="span12" value="">
            <label class="control-label" for="serial_number">Serial #</label>
            <input id="serial_number" class="span12" value="" autocomplete="off">
            <label class="control-label" for="cost_center_id">Cost Center </label>
            <select name="cost_center_id" width="100%" id="cost_center_id" class="searchable">
                <option value=""></option>
                @foreach($cost_centers as $cost_center)
                    <option value="{{$cost_center->id}}">{{strtoupper($cost_center->name)}} {{ $cost_center->type ? ( $cost_center->type == 'HORSE' ? '(H)' : '(T)' ) : '' }}</option>
                @endforeach
            </select>
            <label class="control-label" for="Category">ISSUED TO</label>
            <select name="select" width="100%" id="issued_to" class="searchable">
                <option value="">All</option>
                @foreach($gins as $gin)
                    <option value="{{$gin->issued_to}}">{{strtoupper($gin->issued_to)}}</option>
                @endforeach
            </select>
            <label class="control-label" for="Category">WAREHOUSE</label>
            <select name="select" width="100%" id="store_id" class="searchable">
                <option value="">All</option>
                @foreach($stores as $store)
                    <option value="{{$store->id}}">{{$store->name}}</option>
                @endforeach
            </select>
            <label class="control-label" for="Category">STORE KEEPER</label>
            <select name="select" width="100%" id="store_keeper_id" class="searchable">
                <option value="">All</option>
                @foreach($staffs as $staff)
                    <option value="{{$staff->id}}">{{$staff->full_name}}</option>
                @endforeach
            </select>

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


    </div>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="gins_table">
                <thead>
                <tr>
                    <th class="head1" style="width: 10%">GIN #</th>
                    <th class="head1" style="width: 10%">Created At</th>
                    <th class="head1"style="width: 10%" >Issued Date</th>
                    <th class="head1"style="width: 30%" >Requested By</th>
                    <th class="head1" style="width: 30%">Issued To</th>
                    <th style="width: 10%"></th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--span6-->
    <!--tabbable-->
    <form method="post" id="attachment_form" enctype="multipart/form-data" style="display:none">
        <input type="file" name="file">
    </form>
    <script>

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

        var attachment_form = $('#attachment_form');
        var file_field = attachment_form.find('input:file');
        function uploadGoodIssuedNotePrintout(url) {
            attachment_form.attr('action', url);
            file_field.trigger('click');
            file_field.change(function () {
                if (file_field.val()) {
                    $.ajax({
                        url: attachment_form.attr('action'),
                        data: new FormData($("#attachment_form")[0]),
                        dataType: 'json',
                        async: false,
                        type: 'post',
                        processData: false,
                        contentType: false,
                        beforeSend: function () {
                            startSpinner()
                        },
                        success: function (data) {
                            onAjaxSuccess(data);
                            if (data.state == 'Done') mainDataTable.draw();
                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error)
                        },
                        complete: function () {
                            stopSpinner();
                            file_field.val(null)
                        }
                    });
                }
            });
        }

        var oTable = jQuery('#gins_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_managements.goods_issued_notes.datatable") }}',
                    data: function (d) {
                        d.gin_id = $('#gin_id').val();
                        d.requisition_id = $('#requisition_id').val();
                        d.serial_number = $('#serial_number').val();
                        d.cost_center_id = $('#cost_center_id').val();
                        d.issued_to = $('#issued_to').val();
                        d.store_id = $('#store_id').val();
                        d.store_keeper_id = $('#store_keeper_id').val();
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[1,'DESC']],
                "columns": [
                    {"class": "link", data: 'gin_number'},
                    {"class": "link", data: 'created_at'},
                    {"class": "link", data: 'date'},
                    {"class": "link", data: 'requested_by'},
                    {"class": "link", data: 'issued_to'},
                    {"class": "link", data: 'action'}
                ],
                "bStateSave": true
            });

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


    </script>
@endsection