<style>
    .main_filter {
        cursor: pointer;
    }
</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">全部（{{$statistics['total']}}）</a>
                    </div>
                </div>
                <div class="split-item" id="s2" style="text-align: center">
                    @if(checkPerm('SupplierPendingList'))
                        <div class="layui-row">
                            <a class="main_filter" id="pending">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierInReviewList'))
                        <div class="layui-row">
                            <a class="main_filter" id="in_review">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierPassedList'))
                        <div class="layui-row">
                            <a class="main_filter" id="passed">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierRejectList'))

                        <div class="layui-row">
                            <a class="main_filter" id="rejected">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierDisableList'))
                        <div class="layui-row">
                            <a class="main_filter" id="disable">
                            </a>
                        </div>
                    @endif
                </div>
                <div class="split-item" id="s3" style="text-align: center">
                    @if(checkPerm('SupplierNoPurchaseUidList'))
                        <div class="layui-row">
                            <a title="非禁用状态的渠道开发员为空的供应商" class="main_filter" id="no_purchase_uid">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierInvalidChannelUidList'))
                        <div class="layui-row">
                            <a title="非禁止交易状态联系人绑定的采购员姓名不在组织架构中(采购员离职)的供应商" class="main_filter"
                               id="invalid_channel_uid">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierInvalidPurchaseUidList'))
                        <div class="layui-row">
                            <a title="非禁止交易状态联系人绑定的渠道开发员姓名不在组织架构中(渠道开发员离职)的供应商" class="main_filter"
                               id="invalid_purchase_uid">
                            </a>
                        </div>
                    @endif
                </div>
                <div class="split-item" id="s4" style="text-align: center">
                    @if(checkPerm('SupplierToFollowUpList'))
                        <div class="layui-row">
                            <a title="非禁止交易状态的供应商重新分配渠道员，且必填信息不完整；或者禁用状态的供应商重新分配渠道员" class="main_filter"
                               id="to_follow_up">
                            </a>
                        </div>
                    @endif
                    @if(checkPerm('SupplierNoSkuList'))
                        <div class="layui-row">
                            <a class="main_filter" id="no_sku">
                            </a>
                        </div>
                    @endif
                </div>
                <div class="split-item" id="s5">
                </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">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('supplier_group','供应商性质','',
                      config('fixed.SupplierGroup')) !!}
                </div>
                <div class="layui-inline">
                    @inject('transformableInputPresenter','App\Presenters\Filter\TransformableInputPresenter')
                    {!! $transformableInputPresenter->render(['supplier_name'=>'供应商名称','supplier_code'=>'供应商编码','supplier_id'=>'供应商ID']) !!}
                </div>
                {{--            <div class="layui-inline">--}}
                {{--                @inject('statusPresenter','App\Presenters\StatusPresenter')--}}
                {{--                {!! $statusPresenter->render('status','供应商状态','',config('fixed.SupplierStatus')) !!}--}}
                {{--            </div>--}}
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('stockup_type','合作类型','',config('fixed.StockupType')) !!}
                </div>
                <div class="layui-inline">
                    @inject('transformableSelectPresenter','App\Presenters\Filter\TransformableSelectPresenter')
                    {!! $transformableSelectPresenter->render(['channel_uid'=>'采购员','purchase_uid'=>'开发员','create_uid'=>'创建人'],$userCodes) !!}
                </div>
                @if(checkPerm('ViewFakeSupplier'))
                    <div class="layui-inline">
                        @inject('statusPresenter','App\Presenters\StatusPresenter')
                        {!! $statusPresenter->render('is_type','正式供应商','',[0=>'是',1=>'否'],['width'=>'100px']) !!}
                    </div>
                @endif
            </div>
            <div class="layui-row">
                <div class="layui-inline">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('has_sku','SKU上传','',[-1=>'否',1=>'是']) !!}
                </div>
                <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/supplier_statistics/GetSupplierStatistics');
        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>