<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sptg="http://www.thymeleaf.org">
<head>
    <script th:replace="common/head"></script>
</head>

<body style="margin: 10px">
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layuiadmin-card-header-auto layui-card-header" style="padding:0;">
                <div class="layui-form-item border-b">
                    <div class="layui-inline">
                        <label class="layui-form-label">缴费日期</label>
                        <div class="layui-input-block">
                            <input id="dateSelector" placeholder="请选择账单日期"  class="layui-input" name="billsDate">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">支付状态</label>
                        <div class="layui-input-block">
                            <select name="status">
                                <option></option>
                                <option value="1">未支付</option>
                                <option value="2">已支付</option>
                            </select>
                        </div>
                    </div>
                    <!--<div class="layui-inline">
                        <label class="layui-form-label">社区名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" placeholder="请输入社区名称" name="agencyName">
                        </div>
                    </div>-->
                    <div class="layui-inline">
                        <label class="layui-form-label">小区名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" placeholder="请输入小区名称" name="residentialName">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">楼栋名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" placeholder="请输入楼栋名称" name="buildingName">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">单元名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" placeholder="请输入单元名称" name="unitName">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">楼层名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" placeholder="请输入楼层名称" name="floorName">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">房间名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" placeholder="请输入房间名称" name="roomName">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="query">查询</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </div>

                <!-- 表格+头部按钮 -->
                <div class="layui-card-body" style="padding:0;">
                    <div style="padding-bottom: 10px;">
                        <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="add" sptg:security="estate:bills:add">添加账单</button>
                    </div>
                    <table id="billsTable" lay-filter="billsTable"></table>
                </div>
            </div>
        </div>
    </div>
        <!-- 操作栏-->
        <script type="text/html" id="rightBar">
            <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
            <a class="layui-btn layui-btn-xs" lay-event="edit" sptg:security="estate:bills:edit">修改</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete" sptg:security="estate:bills:delete">删除</a>
        </script>

<!--        <script type="text/html" id="topBar">-->
<!--            <div class="layui-btn-container">-->
<!--                <button class="layui-btn " lay-event="add" sptg:security="estate:bills:add">添加账单</button>-->
<!--                <button class="layui-btn layui-btn-danger" lay-event="delete">删除</button>-->
<!--            </div>-->
<!--        </script>-->

        <!-- javascript -->
        <script type="text/javascript" th:src="@{'/layui/layui.js'}"></script>
        <script type="text/javascript">
            layui.config({
                base: '/' //静态资源所在路径
            });
        </script>
        <script type="text/javascript" th:src="@{'/js/estate/bills-manage.js'}" charset="utf-8"></script>
    </body>
</html>