@extends('layouts.simple')

@section('content')
    <!-- Page Content -->
    <div class="hero-static d-flex">
        <div class="w-100">
            <!-- Sign In Section -->
            <div class="content content-full bg-white">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <!-- Header -->
                        <div>
                            <h1> 
                                Report Inventory 
                                @if (request('type') == 0)
                                    Last
                                @elseif (request('type') == 1)
                                    In
                                @elseif (request('type') == 2)
                                    Out
                                @endif
                            </h1>
                            <span>{{ $data["product"]->sku }} - {{ $data["product"]->name }}</span>
                            <br>
                            <br>
                            <button type="submit" class="btn btn-outline-success" onclick="exportExcel('{{$data["product"]->sku}}')">
                                <i class="fa fa-file-excel"></i>
                            </button>
                            <script type="text/javascript">
                                function exportExcel(sku)
                                {

                                    window.open('/reportinventorypopup/exportexcel?month='+{{request("month")}}+'&year='+{{request("year")}}+'&sku='+sku+'&type='+{{request("type")}},"popup");
                                }
                            </script>
                        </div>
                        <!-- END Header -->

                        <!-- Sign In Form -->
                        <!-- jQuery Validation (.js-validation-signin class is initialized in js/pages/op_auth_signin.min.js which was auto compiled from _es6/pages/op_auth_signin.js) -->
                        <!-- For more info and examples you can check out https://github.com/jzaefferer/jquery-validation -->
                        <div class="block-content">
                            <table class="table table-striped  nowrap table-sm table-vcenter js-dataTable-simple" id="list_data" style="width:100%">
                                <thead>
                                    <tr>
                                        <th width="15%">Reference</th>
                                        <th width="15%">Date</th>
                                        <th width="10%">Qty In</th>
                                        <th width="10%">Value In</th>
                                        <th width="10%">Qty Out</th>
                                        <th width="10%">Value Out</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data["data"] as $data_set)
                                        <tr>
                                            <th>{{ $data_set->reference }}</th>
                                            <th>{{ $data_set->carddate }}</th>
                                            <th>{{ number_format($data_set->qtyin, 0, ',', '.')  }}</th>
                                            <th>{{ number_format($data_set->valuein, 0, ',', '.') }}</th>
                                            <th>{{ number_format($data_set->qtyout, 0, ',', '.') }}</th>
                                            <th>{{ number_format($data_set->valueout, 0, ',', '.')  }}</th>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>        
                        <!-- END Sign In Form -->
                    </div>
                </div>
            </div>
            <!-- END Sign In Section -->

            <!-- Footer -->
            <div class="font-size-sm text-center text-muted py-3">
                <strong>Gosyen</strong> &copy; <span data-toggle="year-copy"></span>
            </div>
            <!-- END Footer -->
        </div>
    </div>
    <!-- END Page Content -->
@endsection