<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('修改职责组')"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-volunteers-edit" th:object="${smileVolunteersDetailsVo}">
        <input name="projectId" th:value="*{projectId}" type="hidden">
        <input name="uid" th:value="*{uid}" type="hidden">
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">审核状态：</label>
            <div class="col-sm-8">
                <input name="status" class="form-control" type="text" th:if="*{status==0}" th:value="待审核" readonly
                       required>
                <input name="status" class="form-control" type="text" th:if="*{status==1}" th:value="通过" readonly
                       required>
                <input name="status" class="form-control" type="text" th:if="*{status==2}" th:value="拒绝" readonly
                       required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">姓名：</label>
            <div class="col-sm-8">
                <input name="name" class="form-control" type="text" th:value="*{name}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">头像：</label>
            <div class="col-sm-8">
                <input name="img" class="form-control" type="text" th:value="*{img}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">证件号：</label>
            <div class="col-sm-8">
                <input name="idCard" class="form-control" type="text" th:value="*{idCard}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">性别：</label>
            <div class="col-sm-8">
                <input name="sex" class="form-control" type="text" th:if="*{sex==0}" th:value="未知" readonly required>
                <input name="sex" class="form-control" type="text" th:if="*{sex==1}" th:value="男" readonly required>
                <input name="sex" class="form-control" type="text" th:if="*{sex==2}" th:value="女" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">学校：</label>
            <div class="col-sm-8">
                <input name="school" class="form-control" type="text" th:value="*{school}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">学校地址：</label>
            <div class="col-sm-8">
                <input name="schoolAddress" class="form-control" type="text" th:value="*{schoolAddress}" readonly
                       required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">专长：</label>
            <div class="col-sm-8">
                <input name="specialty" class="form-control" type="text" th:value="*{specialty}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">特长：</label>
            <div class="col-sm-8">
                <input name="specialty2" class="form-control" type="text" th:value="*{specialty2}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">手机号：</label>
            <div class="col-sm-8">
                <input name="phone" class="form-control" type="text" th:value="*{phone}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">项目名称：</label>
            <div class="col-sm-8">
                <input name="projectName" class="form-control" type="text" th:value="*{projectName}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">自我介绍：</label>
            <div class="col-sm-8">
                <input name="introduce" class="form-control" type="text" th:value="*{introduce}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">申请时间：</label>
            <div class="col-sm-8">
                <input name="createdAt" class="form-control" type="text" th:value="*{createdAt}" readonly required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">用户申请职责组：</label>
            <table id="team-table_user" th:border="1">
                <tr>
                    <td>名称</td>
                    <td>介绍</td>
                <tr/>
                <div th:each="item : ${smileVolunteersDetailsVo.teamArray}">
                    <tr class="content-tr">
                        <td th:value="${item.name}" th:text="${item.name}">
                        </td>
                        <td th:text="${item.introduce}">
                        </td>
                    </tr>
                </div>
            </table>
        </div>
        <div class="form-group" th:if="*{status==0}">
            <label class="col-sm-3 control-label is-required">可分配申请职责组：</label>
            <table id="team-table" th:border="1">
                <tr>
                    <td>名称</td>
                    <td>介绍</td>
                    <td>选中</td>
                <tr/>
                <div th:each="item : ${listData}">
                    <tr class="content-tr">
                        <td th:value="${item.name}" th:text="${item.name}">
                        </td>
                        <td th:text="${item.introduce}">
                        </td>
                        <td>
                        <td>
                            <input name="teamCheck" type="radio" th:value="${item.teamId}"> 选中</label>
                        </td>
                    </tr>
                </div>
            </table>
        </div>
        <button type="button" class="btn btn-w-m btn-success" onclick="submitHandler(1)" th:if="*{status==0}">
            通过
        </button>
        <button type="button" class="btn btn-w-m btn-warning" onclick="submitHandler(2)" th:if="*{status==0}">
            拒绝
        </button>
    </form>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
    var smilePrefix = ctx + "smile/volunteers";

    $("#form-roadShow-edit").validate({
        focusCleanup: true
    });

    function submitHandler(status) {
        var teamIds = $("input[name^='teamCheck']:checked").val()
        var uid = $("input[name^='uid']").val()
        var projectId = $("input[name^='projectId']").val()
        if (status === 1 && typeof (teamIds) == "undefined") {
            alert("请分配职责组");
        } else {
            $.operate.post(smilePrefix + "/audit",
                {
                    "projectId": projectId,
                    "uid": uid,
                    "teamId": teamIds,
                    "status": status
                }, function (res) {
                    location.reload();
                });
        }

    }
</script>
</body>
</html>