@extends('layouts.main', ['title' => $store->name.' Profile | 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 class="active">{{$store->name}}</li>
	</ul>
@stop
@section('title',  $store->name.' : ITEMS / SPARE PARTS ')

@section('contentinner')

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


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

            <label class="control-label" for="item_code">Code</label>
            <input id="item_code" name="item_code" class="span12" value="">
            <label class="control-label" for="item_id">Name</label>
            <select name="item_id" width="100%" id="item_id" class="searchable">
                <option value="">All</option>
                @foreach($items as $item)
                    <option value="{{$item->id}}">{{$item->name}}</option>
                @endforeach
            </select>
{{--            <label class="control-label" for="model">Model</label>--}}
{{--            <select name="item_model" width="100%" id="model" class="searchable">--}}
{{--                <option value="">All</option>--}}
{{--                <option value="DAF">DAF</option>--}}
{{--                <option value="FAW">FAW</option>--}}
{{--                <option value="IVECO">IVECO</option>--}}
{{--                <option value="MAN">MAN</option>--}}
{{--                <option value="SCANIA">SCANIA</option>--}}
{{--            </select>--}}
{{--            <label class="control-label" for="model">Stock</label>--}}
{{--            <select name="stock" width="100%" id="stock" class="searchable">--}}
{{--                <option value=">">WITH STOCK</option>--}}
{{--                <option value="<=">OUT OF STOCK</option>--}}
{{--                <option value="">All</option>--}}
{{--            </select>--}}
            <button class="btn" style="margin: 10px" id="filter_store_items">FILTER</button>
            {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
        </form>

        <form class="form-inline form-filter" id="driver_import_excel"
              action="{{route('stores.store_items.excel_import')}}" method="post"
              enctype="multipart/form-data">

            <input type="hidden" name="store_id" value="{{$store->id}}">
            <input type="file" name="import_file" class="import_file"/>
            <button class="btn btn-mini btn-primary">Import File</button>
            {{--<button class="btn btn-mini" id="download_sample_file">Download template</button>--}}
        </form>

    </div>

	<input type="hidden" id="store_id" value="{{$store->id}}">
    <input type="hidden" id="chakebox_value" value="false">
    <ul style="float: right; margin: 10px">
        <li>
            <div class="dropdown">

                <button class="btn " onclick="openAdvancedSearch('store_item_filters')" style="margin-left: 2px">
                    <span class="icon-search"></span> &nbsp; FILTER
                </button>
                @if(\Illuminate\Support\Facades\Auth::user()->can('PERFORM STOCK TAKING'))
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Stock-Take
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a style="margin: 5px"  class="dropdown-item"  href="{{route('inventories.stock_take.download_excel', $store->id)}}">Download Excel Template</a>
                    <br>
                    <a style="margin: 5px" id="upload_stock_take_excel"  url="{{route('inventories.stock_take.upload_excel', $store->id)}}" class="dropdown-item" href="#">Upload Stock-Take Excel Sheet</a>
                </div>
                @endif
                <button class="btn" style="margin-right: 2px" onclick="create('{!! route('stores.hse-store-items.store_item_register', $store->id) !!}')"><span
                            class="fa fa-plus"></span> Register Item/Spare-Part
                </button>

            </div>
        </li>
    </ul>
	<div class="row-fluid">
		<div class="span12">
			<table class="table table-bordered table-condensed" id="this_table">
				<thead>
				<tr>
					<th class="head1"style="width: 03px" >Code</th>
					<th class="head1">Name:</th>
					<th class="head1">Quantity :</th>
					<th class="head1">UOM :</th>
					<th class="head1">Rate :</th>
					<th class="head1">Currency :</th>
					<th class="head1">Expiry Date :</th>
					<th style="width: 60px"></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();

        jQuery('#upload_stock_take_excel').click(function(){
            var url = jQuery(this).attr('url');
            uploadStockTakeExcel(url);
        });

        var attachment_form = $('#attachment_form');
        var file_field = attachment_form.find('input:file');
        function uploadStockTakeExcel(url) {
            startSpinner();
            attachment_form.attr('action', url);
            file_field.trigger('click');
            file_field.change(function () {


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




        var oTable = jQuery('#this_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("stores.hse-store-items.store_item_datatable", $store->id) }}',
                    data: function (d) {
                        d.item_code = $('#item_code').val();
                        d.item_id = $('#item_id').val();
                        // d.model = $('#model').val();
                        // d.stock = $('#stock').val();
                    }

				},
				scrollCollapse: true,
				"sPaginationType": "full_numbers",
				processing: true,
				serverSide: true,
				"order":[[1,'asc']],
				"lengthMenu": [50, 100, 500, 1000, 3000, 5000],
				"columns": [
					{"class": "link", data: 'item_id'},
					{"class": "link", data: 'formal_item_name'},
					{"class": "link", data: 'item_quantity'},
					{"class": "link", data: 'unit'},
					{"class": "link", data: 'rate'},
					{"class": "link", data: 'currency'},
					{"class": "link", data: 'date_expiry'},
					{"class": "link", data: 'action'}
				],
				"bStateSave": true
			});



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

        function download_stock_take_excell(url){
            var url = url;
            var formData = jQuery('#store_item_filter_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'get',
                data: formData,
                cache: false,
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {

                },
                complete: function () {
                    stopSpinner();
                }
            });
        }

        // jQuery('#download_stock_take_excel').click(function(){
        //     var url = jQuery(this).attr('url');
        //     download_stock_take_excell(url);
        // });



        jQuery('#download_stock_take_excel').click( function (e) {
            e.preventDefault();
            var this_form = jQuery('#store_item_filter_form');
            jQuery.ajax({
                type: "get",
                url: this_form.attr('url'),
                data: this_form.serialize(),
                success: function (data) {

                }
            });
            return false;
        });



    </script>
@endsection