<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>私塾家</title>
    <link th:href="@{/static/kmt/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/static/kmt/css/common.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/kmt/css/header.css}"/>
    <script th:include="sys/common/metaCSS" th:remove="tag"></script>
    <script th:include="sys/common/metaJS" th:remove="tag"></script>
    <script src="sys/js/jquery.validate.min.js" th:src="@{/static/sys/js/jquery.validate.min.js}"></script>
    <script src="sys/js/jquery-validation/messages_zh.js"
            th:src="@{/static/sys/js/jquery-validation/messages_zh.js}"></script>
    <script src="sys/js/My97DatePicker/WdatePicker.js"
            th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
    <script src="js/echarts.min.js" th:src="@{/static/js/echarts.min.js}"></script>

    <style>
        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .clearfix {
            display: inline-table;
        }

        * html .clearfix {
            height: 1%;
        }

        .clearfix {
            display: block;
        }

        .fl {
            display: inline;
            float: left
        }

        clearfix > control-label-error {
            display: inline;
            float: left;
            marign-left: 10px
        }

        label.control-label-error {
            color: Red;
        }

        .lispan {
            line-height: 34px;
        }

        .select1 {
            width: 100%;
            height: 32px;
            line-height: 32px;
            border-top: solid 1px #a7b5bc;
            border-left: solid 1px #a7b5bc;
            border-right: solid 1px #ced9df;
            border-bottom: solid 1px #ced9df;
            opacity: 1;
            margin-bottom: 10px;
        }

        textarea {
            width: 382px;
        }

        .detail {
            border: 0;
            height: 34px;
        }
    </style>
</head>

<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">用户管理中心</a></li>
        <li><a th:href="@{/sys/usercenter/schoolmasterList.html}">校长列表</a></li>
        <li>校长档案</li>
    </ul>
</div>
<div class="formbody">
    <div class="formtitle"><span>基本资料</span></div>
    <div>
        <form>
            <ul class="forminfo">
                <li class="clearfix">
                    <label>姓名:</label>
                    <input type="text" readonly class="detail" th:value="${schoolmaster.name}"/>
                </li>
                <li class="clearfix">
                    <label>性别:</label>
                    <input type="text" readonly class="detail" th:value="${schoolmaster.sex == 1 ? '男' : '女'}"/>
                </li>
                <li class="clearfix">
                    <label>电话:</label>
                    <input type="number" readonly class="detail" th:value="${schoolmaster.telephone}"/>
                </li>
            </ul>
        </form>
    </div>
    <div class="formtitle"><span>下属老师</span></div>
    <li>
        <table class="tableList">
            <thead>
            <tr>
                <th>名字</th>
                <th>头像</th>
                <th>联系电话</th>
                <th>性别</th>
                <th>科目</th>
                <th>教学年级</th>
                <th>教龄</th>
                <th>等级</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item:${teacherList}">
                <td th:text="${item.name}"></td>
                <td class="imgtd">
                    <img th:if="${not #lists.isEmpty(item.tPhoto)}" th:src="${imgUrl}+''+${item.tPhoto}" style="width: 50px;height: 50px;" />
                </td>
                <td th:text="${item.telephone}"></td>
                <td th:text="${item.sex == 1 ? '男' : '女'}"></td>
                <td th:text="${item.courseName}"></td>
                <td th:text="${item.grade}"></td>
                <td th:text="${item.schoolAge}"></td>
                <td th:text="${item.teacherLever}"></td>
            </tr>
            </tbody>
        </table>
    </li>
    <div class="formtitle"><span>下属学生</span></div>
    <li>
        <table class="tableList">
            <thead>
            <tr>
                <th>名字</th>
                <th>头像</th>
                <th>二维码</th>
                <th>性别</th>
                <th>联系电话</th>
                <th>学校</th>
                <th>年级</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item:${studentList}">
                <td th:text="${item.childName}"></td>
                <td class="imgtd">
                    <img th:if="${not #lists.isEmpty(item.imgUrl)}" th:src="${imgUrl}+''+${item.imgUrl}" style="width: 50px;height: 50px;" />
                </td>
                <td  class="imgtd">
                    <img th:if="${not #lists.isEmpty(item.qrcodeUrl)}" th:src="${imgUrl}+''+${item.qrcodeUrl}" style="width: 50px;height: 50px;" />
                </td>
                <td th:text="${item.sex == 1 ? '男' : '女'}"></td>
                <td th:text="${item.phone}"></td>
                <td th:text="${item.school}"></td>
                <td th:text="${item.grade}"></td>
            </tr>
            </tbody>
        </table>
    </li>
    <div class="formtitle"><span>一对一订单</span></div>
    <li>
        <table class="tableList">
            <thead>
            <tr>
                <th>订单编号</th>
                <th>课次</th>
                <th>当前课次</th>
                <th>是否含有试听课</th>
                <th>授课科目</th>
                <th>授课年级</th>
                <th>开始时间</th>
                <th>结束时间</th>
                <th>课次单价</th>
                <th>状态</th>
                <th>订单类型</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item:${lessonServiceList}">
                <td th:text="${item.orderNo}"></td>
                <td th:text="${item.courseCount}"></td>
                <td th:text="${item.currentCount}"></td>
                <td th:text="${item.isListenTest == 0 ? '没有' : '有'}"></td>
                <td th:text="${item.courseName}"></td>
                <td th:text="${item.grade}"></td>
                <td style="width: 141px;" th:text="${item.startTime}" ></td>
                <td style="width: 141px;" th:text="${item.endTime}" ></td>
                <td th:text="${item.price}"></td>
                <div th:switch="${item.status}">
                    <td th:case="0">未支付</td>
                    <td th:case="1">已支付待服务</td>
                    <td th:case="2">已完结服务</td>
                    <td th:case="3">退款中</td>
                    <td th:case="4">退款</td>
                </div>
                <td th:text="${item.type == 1 ? '新单' : '续单'}"></td>
            </tr>
            </tbody>
        </table>
    </li>
</div>
</body>
<script type="text/javascript" th:inline="javascript">
</script>
</html>