<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body class="gray-bg">
<div class="row animated fadeInRight">
    <div class="ibox float-e-margins">
        <div class="text-center float-e-margins p-md">
            <h1>商户信息修改记录</h1>
        </div>
        <div>
            <div class="vertical-container light-timeline">
                <div class="vertical-timeline-block" th:each="item:${list}">

                    <div th:switch="*{item.status}">
                        <div class="vertical-timeline-icon yellow-bg" th:case="0">
                            <i th:class="@{*{item.reason}=='1'}?'fa fa-edit':'fa fa-reply'"></i>
                        </div>
                        <div class="vertical-timeline-icon navy-bg" th:case="1 ">
                            <i th:class="@{*{item.reason}=='1'}?'fa fa-edit':'fa fa-reply'"></i>
                        </div>
                        <div class="vertical-timeline-icon red-bg" th:case="2">
                            <i th:class="@{*{item.reason}=='1'}?'fa fa-edit':'fa fa-reply'"></i>
                        </div>
                    </div>
                    <div class="vertical-timeline-content">
                        <h2 >
                            <span th:text="@{*{item.reason}=='1'}?'修改商户信息':'商户入驻'"></span>
                            <span th:if="@{*{item.status}=='0'}">（审核中...）</span>
                            <span th:if="@{*{item.status}=='1'}">（已审核）</span>
                            <span th:if="@{*{item.status}=='2'}">（已拒绝）</span>
                        </h2>
                        <div>
                            <div class="row">
                                <label class="col-sm-2 control-label">商户名称：</label>
                                <label class="col-sm-4 control-label">[[*{item.companyName}]]</label>

                                <label class="col-sm-2 control-label">详细地址：</label>
                                <label class="col-sm-4 control-label">[[*{item.detailAddress}]]</label>
                            </div>
                            <div class="row">
                                <label class="col-sm-2 control-label">联系电话：</label>
                                <label class="col-sm-4 control-label">[[*{item.contactNumber}]]</label>

                                <label class="col-sm-2 control-label">法人：</label>
                                <label class="col-sm-4 control-label">[[*{item.legalPerson}]]</label>
                            </div>

                        </div>
                        <button type="button" class="btn btn-sm btn-primary"
                                th:onclick="'javascript:openM('+*{item.id}+')'">查看详情</button>
                        <span class="vertical-date">
                                <small th:text="${#dates.format(item.createTime, 'yyyy年MM月dd日 HH:mm:ss')}"></small>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
    function openM(id){
        $.modal.openFull("提交详情","/company/edit/historyInfo/"+id)
    }
</script>
</body>
</html>
