@extends('admin.main')
@include('widgets.select')
@include('widgets.datatables')
@inject('numberPresenter', 'App\Presenters\NumberPresenter')
@section('content')
    <section id="basic-datatable">
        <div class="row style-product-stock-list">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">庫存管理</h4>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0 d-flex align-items-center">
                                <li class="ml-2">
                                    @checkPerm(STOCK_INVENTORY_CHECK)
                                    <form id="stockForm" method="post">
                                        @csrf
                                        <input type="hidden" name="items" value="">
                                        <button type="button" class="btn btn-primary new_inventory" data-type="1">新增盤點</button>
                                        <button type="button" class="btn btn-primary new_inventory" data-type="2">新增進貨</button>
                                    </form>
                                    @endcheckPerm
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-body card-dashboard">
                        <div class="table-responsive">
                            <table class="table zero-configuration datatable_init"
                                   id="stockTable"
                                   data-url="{{route('admin.product.stock.get')}}"
                                   data-params="temperature_layer,category,tag"
                            >
                                <thead>
                                <tr>
                                    <th data-checkbox="id" width="50"></th>
                                    <th data-img="image">商品圖片</th>
                                    <th data-name="sku">商品貨號</th>
                                    <th data-name="category">商品分類</th>
                                    <th data-name="name">商品名稱</th>
                                    <th data-name="types">商品規格</th>
                                    <th data-name="pre_sale_stocks">待出庫量</th>
                                    <th data-name="stock">淨庫存量</th>
                                    <th data-name="real_stock">實際在庫量</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('js')
    <script>
        $(function () {
            let category = @json($category);
            let temperatureLayer = @json($numberPresenter->temperatureLayer());
            let tags = @json($tags);

            let $temperatureLayer = $('<select id="temperature_layer" class="form-control" name="temperature_layer"/>')
                .appendOptions(temperatureLayer, true);

            let $select = $('<select id="category" class="form-control" name="category"/>');
            $('<option value=""/>').text('全部').appendTo($select);
            $.each(category, function (k, row) {
                let $optgroup = $('<optgroup/>');
                $optgroup.attr('label', row.name).appendTo($select);
                $.each(row.sub, function (_k, sub) {
                    let $option = $('<option/>');
                    $option.val(sub.id).text(sub.name).appendTo($optgroup);
                });
            });

            let $tag = $('<select id="tag" class="form-control" name="tag"/>');
            $('<option value=""/>').text('全部').appendTo($tag);
            $.each(tags, function (k, row) {
                let $option = $('<option/>');
                $option.val(row.id).text(row.name).appendTo($tag);
            });

            let $table = $('#stockTable').data('object');
            $table.addTool('溫層', $temperatureLayer);
            $table.addTool('商品分類', $select);
            $table.addTool('TAG', $tag);
            $tag.multipleInit({
                width:200
            });
            $select.multipleInit({
                width:200
            });

            $('.new_inventory').on('click', function () {
                let type = $(this).data('type');
                let url = '{{ route('admin.product.stock.create') }}/' + type;
                let checked = $('#stockTable').data('object').getChecked();
                if (checked.length < 1) {
                    _alert.warning('請至少選擇一筆商品');
                    return ;
                }

                $('#stockForm input[name=items]').val(JSON.stringify(checked));
                $('#stockForm').attr('action', url);
                $('#stockForm').submit();
            })

        });
    </script>
@endpush