<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('修改订单')" />
    <th:block th:include="include :: datetimepicker-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-tickets-edit" th:object="${orderDetailsVo}">
<!--        <input name="mid" th:field="*{mid}" type="hidden">-->
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">演出名称：</label>
            <div class="form-control-static" th:text="*{performanceVo.title}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">票名：</label>
            <div class="form-control-static" th:text="*{ticketsVo.title}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">单价：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.price}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">数量：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.number}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">适用日期：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.useStart}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">应付价格：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.priceTotal}"/>
        </div>
<!--        <div class="form-group">-->
<!--            <label class="col-sm-3 control-label is-required">优惠价格：</label>-->
<!--            <div class="form-control-static" th:text="*{orderTicketVo.priceTotal}"/>-->
<!--        </div>-->
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">实付价格：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.priceActual}"/>
        </div>
<!--        <div class="form-group">-->
<!--            <label class="col-sm-3 control-label is-required">快递价格：</label>-->
<!--            <div class="form-control-static" th:text="*{orderTicketVo.priceExpress}"/>-->
<!--        </div>-->
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">退款价格：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.priceRefund}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">订单状态：</label>
            <div class="form-control-static" th:text="*{@dict.getLabel('zhengzai_order_status',orderTicketVo.status)}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">转增状态：</label>
            <div class="form-control-static" th:text="*{@dict.getLabel('zhengzai_transfer_status',orderTicketVo.transferStatus)}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">订单号：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.orderCode}" />
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">生成时间：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.createdAt}">
<!--                <div class="input-group date">-->
<!--&lt;!&ndash;                    <input name="createdAt" th:value="${#dates.format(orderTicketVo.createdAt, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">&ndash;&gt;-->
<!--                    <input name="createdAt" th:value="*{orderTicketVo.createdAt}" class="form-control" placeholder="yyyy-MM-dd" type="text">-->
<!--                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>-->
<!--                </div>-->
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">实际支付方式：</label>
            <div class="form-control-static" th:text="*{@dict.getLabel('zhengzai_pay_type',orderTicketVo.payType)}" />
        </div>
<!--        <div class="form-group">-->
<!--            <label class="col-sm-3 control-label is-required">微信订单号：</label>-->
<!--            <div class="form-control-static">-->
<!--&lt;!&ndash;                <input name="orderCode" th:field="*{orderCode}" class="form-control" type="text" required>&ndash;&gt;-->
<!--            </div>-->
<!--        </div>-->
        <div class="form-group">
            <label class="col-sm-3 control-label">支付时间：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.timePay}"/>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">取票方式：</label>
            <div class="form-control-static" th:text="${@dict.getLabel('zhengzai_get_ticket_type',orderDetailsVo.orderTicketVo.getTicketType)}">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label is-required">联系方式：</label>
            <div class="form-control-static" th:text="*{orderTicketVo.userMobile}">
            </div>
        </div>
        <div th:each="ticketEntity,ticketEntityStat : *{orderTicketEntitiesVo}" class="form-group select-list" >
            <div class="hr-line-dashed"></div>
            <label class="col-sm-3 control-label is-required">取票人[[${ticketEntityStat.count}]]：</label>
            <div class="col-sm-3">
                <input th:value="${ticketEntity.enterName}" class="form-control" type="text" readonly>
            </div>
            <label class="col-sm-3 control-label">证件类型：</label>
            <div class="col-sm-3">
                <input th:value="${@dict.getLabel('zhengzai_certificate_type',ticketEntity.enterType)}" class="form-control" type="text" readonly>
            </div>
<!--            <label class="col-sm-3 control-label">电话：</label>-->
<!--            <div class="col-sm-3">-->
<!--                <input th:value="${ticketEntity.enterMobile}" class="form-control" type="text" readonly>-->
<!--            </div>-->
            <label class="col-sm-3 control-label">票务状态：</label>
            <div class="col-sm-3">
                <input th:value="${@dict.getLabel('zhengzai_payment_type',ticketEntity.isPayment)}" class="form-control" type="text" readonly>
            </div>
            <label class="col-sm-3 control-label">证件号：</label>
            <div class="col-sm-3">
                <input th:value="${ticketEntity.enterIdCode}" class="form-control" type="text" readonly>
            </div>
<!--            <label class="col-sm-3 control-label">出票状态：</label>-->
<!--            <div class="col-sm-3">-->
<!--                <input th:value="${@dict.getLabel('zhengzai_ticket_status',ticketEntity.status)}" class="form-control" type="text" readonly>-->
<!--            </div>-->
            <label class="col-sm-3 control-label">操作：</label>
            <div class="col-sm-3">
                <a class="btn btn-danger btn-xs" th:onclick="enterEdit([[${ticketEntity.orderTicketEntitiesId}]])">修改</a>
                <a class="btn btn-success btn-xs" th:onclick="enterEditList([[${ticketEntity.orderTicketEntitiesId}]])">修改记录</a>
            </div>
        </div>
    </form>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: datetimepicker-js" />
<script th:inline="javascript">
    var prefix = ctx + "kylin/order";
    var payTypeDatas = [[${@dict.getType('zhengzai_pay_type')}]];

    function enterEdit(id) {
        $.modal.open('修改观演人信息', prefix + "/enterEdit/"+id)
    }
    function enterEditList(id) {
        $.modal.open('观演人信息修改记录', prefix + "/enterEditList/"+id)
    }

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

    function submitHandler() {
        if ($.validate.form()) {
            $.operate.save(prefix + "/edit", $('#form-tickets-edit').serialize());
        }
    }

    $("input[name='createdAt']").datetimepicker({
        format: "yyyy-mm-dd",
        minView: "month",
        autoclose: true
    });

    $("input[name='updatedAt']").datetimepicker({
        format: "yyyy-mm-dd",
        minView: "month",
        autoclose: true
    });
</script>
</body>
</html>