@extends('layouts.main', ['title' => $company_store_category->category.' | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="{{route('stores.hse-stores.index')}}">Stores</a><span class="divider">/</span></li>
        <li><a href="{{route('stores.hse-stores.show', [$store->id])}}">{{$store->name}}</a><span class="divider">/</span></li>
        <li class="active">{{$company_store_category->category}}</li>
    </ul>
@stop
@section('title',  $store->name.' : Profile')

@section('contentinner')
    <div class="tabbable">
        {{--@include('HSE.stores.includes.tabs')--}}
        <div class="tab-content">
            <div class="tab-pane active">
                <div class="pull-right">
                    <li class="right btn-group">

                        <div class="dropdown">
                            <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">More ...
                                <span class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li>
                                    <button class="btn" style="margin-right: 2px; width: 90px" onclick="create('{!! route('stores-hse-store-items.create', ['store_id' => $store->id .'|'.$company_store_category_id]) !!}')"><span
                                                class="fa fa-plus"></span> Add Item
                                    </button>
                                </li>


                                {{--<li>--}}
                                    {{--<form method="get" action="{{route('stores.stock_taking_template', ['store_id' => $store->id .'|'.$company_store_category_id])}}">--}}
                                        {{--<button  type="submit" class="btn btn-primary" style="margin-right: 2px; width: 90px" ><span--}}
                                                    {{--class="fa fa-download"></span>Template--}}
                                        {{--</button>--}}
                                    {{--</form>--}}
                                {{--</li>--}}
                                {{--<li>--}}
                                    {{--<button class="btn btn-success" style="margin-right: 2px; width: 90px" onclick="uploadMassiveItems('{!! route('stores.upload_massive_items', ['store_id' => $store->id .'|'.$company_store_category_id]) !!}')"><span--}}
                                                {{--class="fa fa-upload"></span> Upload--}}
                                    {{--</button>--}}
                                {{--</li>--}}


                            </ul>
                        </div>
                        
                    </li>
                </div>

                <div class="row-fluid" style="margin-bottom: 8px;">
                    <div class="span12  profile-left">
                        <div class="span12">
                            <table class="table table-bordered table-condensed" id="store_item_table">
                                <thead>
                                <tr>
                                    <th class="head1"style="width: 90px" >Sn</th>
                                    <th class="head1">Name</th>
                                    <th class="head1">Quantity</th>
                                    <th class="head1">Amount</th>
                                    <th class="head1">Registration Date</th>
                                    <th class="head1">Expired Date</th>
                                    <th style="width: 60px"></th>
                                </tr>
                                </thead>
                            </table>
                        </div><!--span12-->
                    </div><!--span6-->
                </div><!--row-fluid-->
            </div><!--tab-pane-->
        </div><!--tabcontent-->
    </div><!--tabbable-->

    <form method="post" id="attachment_form" enctype="multipart/form-data" style="display:none">
        <input type="file" name="file">
    </form>

    <script>
        var oTable = jQuery('#store_item_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({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No sub  store details records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{ route("stores.hse-store-items.datatable",array('id'=>$store->id.'|'.$company_store_category_id)) }}',
                    data: function (d) {}
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[0,'asc']],
                "columns": [
                    {"class": "link", data: 'id'},
                    {"class": "link", data: 'name'},
                    {"class": "link", data: 'quantity'},
                    {"class": "link", data: 'amount'},
                    {"class": "link", data: 'registration_date'},
                    {"class": "link", data: 'expired_date'},
                    {"class": "link", data: 'action'}
                ],
                "bStateSave": true
            });



        var attachment_form = $('#attachment_form');
        var file_field = attachment_form.find('input:file');
        function uploadMassiveItems(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')
                                stopSpinner();
                                mainDataTable.draw();


                        },
                        error: function (xhr, textStatus, error) {
                            onAjaxError(xhr, textStatus, error)
                        },
                        complete: function (data) {
                            stopSpinner();
                            file_field.val(null)
                        }
                    });
                }
            });
        }


    </script>
@endsection