<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<style>
    .layui-form-checkbox span {
        color: #000000;
        border-color: red;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-card">
            <div class="layui-card layui-form" lay-filter="component-form-element">
                <div class="layui-card-body layui-row">
                    <div class="layui-col-md12 layui-col-space10">
                        <div id="SelectAll" class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                            <input type="checkbox" title="全选">
                        </div>
                        <?php foreach ($adsAr as $item): ?>
                        <div class="layui-col-sm4 layui-col-md3 layui-col-lg2">
                            <input type="checkbox" <?php if ($item['class'] != 'disabled'): ?>name="pla[]" value="<?php echo $item['id']; ?>" data-name="<?php echo $item['name']; ?>" data-price="<?php echo $item['price']; ?>" <?php endif;?> data-status="<?php echo $item['status']; ?>" title="<?php echo $item['name']; ?>" <?php echo $item['class']; ?>>
                            <button class="layui-btn layui-btn-primary layui-btn-radius layui-btn-sm <?php echo $item['btn']; ?>"><?php echo $item['status']; ?>, <?php echo $item['price']; ?></button>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>

<script>
    layui.use(['form'], function(){
        var form = layui.form;
        form.render(null, 'component-form-element');

        $('#SelectAll .layui-form-checkbox').bind('click', function ()
        {
            const checked = $(this).hasClass('layui-form-checked');
            $('input[name="pla[]"]').prop('checked', checked);

            if (checked) {
                $('input[name="pla[]"]').next().addClass('layui-form-checked');
            } else {
                $('input[name="pla[]"]').next().removeClass('layui-form-checked');
            }
        });
    });


</script>