<style>
    .main_filter {
        cursor: pointer;
    }

    xm-select {
        min-height: 27px;
    }
</style>
<div class="layui-fluid" id="type_filter">
    <div class="layui-card">
        <div class="layui-card-body" style="padding: 0;">
            <div class="split-group" style="height: 130px;">
                <div class="split-item" id="s1">
                    <div class="layui-row">
                        <a class="main_filter layui-badge layui-bg-green" id="all">全部（）</a>
                    </div>
                </div>
                <div class="split-item" id="s2" style="text-align: center">
                    <div class="layui-row">
                        <a class="main_filter" id="expire">
                        </a>
                    </div>
                    <div class="layui-row">
                        <a class="main_filter" id="off_shelf">
                        </a>
                    </div>
                </div>
                <div class="split-item" id="s3" style="text-align: center">

                </div>

            </div>
        </div>
    </div>
</div>
</div>
<div class="layui-collapse">
@if(checkPerm('ViewFilter'))
    <!--通用的筛选-->
        <form class="layui-form" style="margin-top: 15px">
            <?php
            $routerName = explode('/', request()->path())[1];
            ?>
            <div class="layui-row">
                <div class="layui-inline">
                    <label class="layui-form-label">商品型号</label>
                    <div class="layui-input-inline">
                        <input type="text" value="" name="goods_name/condition" placeholder="请输入型号" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">品牌</label>
                    <div class="layui-input-inline">
                        <div id="brandSelect" style="width: 155px"></div>
                        <input type="hidden" id="brand_id_condition"
                               select_value="{{json_encode($brandSelectValue)}}"
                               name="brand_id/condition" value="{{request()->get('brand_id/condition') or ''}}"
                               class="layui-input"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">供应商编码</label>
                    <div class="layui-input-inline">
                        <input type="text" value="" name="canal/condition" placeholder="请输入供应商编码" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('goods_status/condition','SKU状态',request()->get('goods_status/condition'),[1=>'上架',3=>'下架']) !!}
                </div>
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('goods_label/condition','SKU显示类型','',config('field.SkuGoodsLabel')) !!}
                </div>
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('tags/condition','是否精选',request()->get('tags/condition'),[1=>'是',0=>'否']) !!}
                </div>
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('status/condition','是否过期',request()->get('status/condition'),[0=>'是',1=>'否']) !!}
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">起订量库存</label>
                    <div class="layui-input-inline">
                        <select name="moq_stock_compare">
                            <option value="">请选择</option>
                            <option value="lt">起订量 < 库存</option>
                            <option value="gt">起订量 > 库存</option>
                            <option value="e">起订量 = 库存</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">库存数量</label>
                    <div class="layui-input-inline">
                        <div class="layui-row">
                            <div class="layui-col-xs6" style="width: 74px">
                                <select name="stock_compare_type">
                                    <option value="">请选择</option>
                                    <option value="gt"> ></option>
                                    <option value="lt"> <</option>
                                    <option value="eq"> =</option>
                                </select>
                            </div>
                            <div class="layui-col-xs6" style="width: 84px;">
                                <input type="text" value="" name="stock_num" placeholder="数量" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('encoded/condition','上传人',request()->get('encoded/condition'),
                     $userCodes) !!}
                </div>
            </div>
            <div class="layui-row">

                <div class="layui-inline" style="width: 600px">
                    @inject('transformableTimeIntervalPresenter','App\Presenters\Filter\TransformableTimeIntervalPresenter')
                    {!! $transformableTimeIntervalPresenter->render(['update_time'=>'更新时间','create_time'=>'上传时间']) !!}
                </div>
            </div>
            <div class="layui-row" style="margin-top:10px;margin-bottom: 10px;margin-left: 20px;">
                <button class="layui-btn layui-btn-sm layui-btn load" id="getSupplierListButton" lay-submit=""
                        lay-filter="load">查询
                </button>
                <button type="button" class="layui-btn layui-btn-sm layui-btn" lay-submit="" lay-filter="reset">重置
                </button>
                <button type="button" class="layui-btn layui-btn-sm layui-btn hide_filter_type">隐藏罗盘</button>
                <button type="button" class="layui-btn layui-btn-sm layui-btn show_filter_type"
                        style="display: none">显示罗盘
                </button>
            </div>
        </form>
    @endif
</div>
<script>
    //一进来就去获取统计数据
    function supplierStatistics() {
        let res = ajax('/api/sku_statistics/GetSkuStatistics');
        if (res.err_code === 0) {
            $.each(res.data, function (index, value) {
                let menuObj = $('#' + index);
                menuObj.text('');
                menuObj.append(value);
            });
        }
    }

    supplierStatistics();
    //罗盘隐藏
    $('.hide_filter_type').click(function () {
        $(this).hide();
        $('#type_filter').hide();
        $('.show_filter_type').show();
    });

    $('.show_filter_type').click(function () {
        $(this).hide();
        $('#type_filter').show();
        $('.hide_filter_type').show();
    });
</script>