{layout name="manager/layout" /}
<style>
    .layui-table-cell{
        height: auto;
        white-space: normal;
    }
    .layui-table .layui-layer-photos {height: 90px;}
    .layui-table img{
        max-height: 100%;
        object-fit: cover;
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 150px;
        vertical-align: middle;
        border: 0;
    }
</style>

<div class="layui-row layui-col-space12">
    <div class="layui-col-xs12 layui-col-md12">
        <div id="echarts-records" style="background-color:#ffffff;min-height:600px;">
            <div class="layuimini-container location-index-page">
                <div class="layuimini-main">
                    <fieldset class="table-search-fieldset" style="display: none">
                        <legend>搜索信息</legend>
                        <div style="margin: 10px 10px 10px 10px">
                            <form class="layui-form layui-form-pane" action="">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">显示位置</label>
                                        <div class="layui-input-block">
                                            <select name="position">
                                                <option value=""></option>
                                                {foreach $positions as $item}
                                                <option value="{$item.key ?? ''}">{$item.title ?? ''}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-inline">
                                        <button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </fieldset>
                    <div>
                        <table id="table-container" class="layui-table" data-url="/manager/slide/index" lay-filter="table-container"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 操作列 -->
<script type="text/html" id="row-operate">
    <a class="layui-btn layui-btn-primary layui-btn-xs" data-href="/manager/slide/edit.html?id={{d.id}}" data-title="编辑轮播图" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" data-href="/manager/slide/del.html" lay-event="del">删除</a>
</script>

<!-- toolbar -->
<script type="text/html" id="toolbar-tpl">
    <a class="layui-btn layui-btn-primary layui-btn-sm" data-table-refresh lay-event="refresh"><i class="fa fa-refresh"></i></a>
    <a class="layui-btn layui-btn-normal layui-btn-sm" data-href="/manager/slide/add.html" data-title="添加轮播图" lay-event="add">添加</a>
    <a class="layui-btn layui-btn-danger layui-btn-sm" data-href="/manager/slide/del.html" lay-event="del">删除</a>
</script>

<!-- 列 轮播图 -->
<script type="text/html" id="row-cover">
    <div class="layui-layer-photos">
        <img  src="{{ getFileRequestUrl(d.src) }}" layer-src="{{ getFileRequestUrl(d.src) }}" alt="">
    </div>
</script>

<script src="__MANAGER__/js/slide.js?v={:mt_rand()}"></script>