@model WX.CRM.WEB.Controllers.WeiXin.JZOrderController.ContractActionLogModel
@{
    ViewBag.Title = "ContractActionLog";
    Layout = "~/Views/Shared/_Index_LayoutEdit.cshtml";
}
<style>
    #ContractActionLog {
        padding: 10px;
    }
    .layui-timeline-title {
        font-size: 16px;
    }
    .ok {
        color: #17AA21;
        font-size: 16px;
    }
    .close {
        color: red;
        font-size: 16px;
    }
</style>
<div id="ContractActionLog">
    <ul class="layui-timeline">
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title @Html.Raw(Model.PhoneLogin.Status == 1 ? "ok" : Model.ContractSign.Status == -1? "close" : "")">
                    1、手机号登录验证
                    @if (Model.PhoneLogin.Status == 1)
                    {
                        <i class="layui-icon layui-icon-ok-circle ok"></i>
                    }
                    else if (Model.PhoneLogin.Status == -1)
                    {
                        <i class="layui-icon layui-icon-close-fill close"></i>
                    }
                </div>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title @Html.Raw(Model.Certification.Status == 1 ? "ok" : Model.ContractSign.Status == -1? "close" : "")">
                    2、实名验证（姓名、身份证号、手机号验证）
                    @if (Model.Certification.Status == 1)
                    {
                        <i class="layui-icon layui-icon-ok-circle ok"></i>
                    }
                    else if (Model.Certification.Status == -1)
                    {
                        <i class="layui-icon layui-icon-close-fill close"></i>
                    }
                </div>
                <p>@Html.Raw(Model.Certification.Remark)</p>
            </div>
        </li>
        @if (Model.ElderlyInvestmentRiskBook == null)
        {
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title @Html.Raw(Model.RiskEvaluation.Status == 1 ? "ok" : Model.ContractSign.Status == -1 ? "close" : "")">
                        3、风险测评（20道题）
                        @if (Model.RiskEvaluation.Status == 1)
                        {
                            <i class="layui-icon layui-icon-ok-circle ok"></i>
                        }
                        else if (Model.RiskEvaluation.Status == -1)
                        {
                            <i class="layui-icon layui-icon-close-fill close"></i>
                        }
                    </div>
                    <p>@Html.Raw(Model.RiskEvaluation.Remark)</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title @Html.Raw(Model.ContractSign.Status == 1 ? "ok" : Model.ContractSign.Status == -1? "close" : "")">
                        4、合同签订
                        @if (Model.ContractSign.Status == 1)
                        {
                            <span> @Html.Raw(Model.ContractSign.CreatedAt)</span>
                            <i class="layui-icon layui-icon-ok-circle ok"></i>
                        }
                        else if (Model.ContractSign.Status == -1)
                        {
                            <i class="layui-icon layui-icon-close-fill close"></i>
                        }
                    </div>
                    <div>@Html.Raw(Model.ContractSign.Remark)</div>
                </div>
            </li>
        }
        else
        {
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title @Html.Raw(Model.ElderlyInvestmentRiskBook.Status == 1 ? "ok" : Model.ElderlyInvestmentRiskBook.Status == -1 ? "close" : "")">
                        3、高龄风险确认书签订
                        @if (Model.ElderlyInvestmentRiskBook.Status == 1)
                        {
                            <i class="layui-icon layui-icon-ok-circle ok"></i>
                        }
                        else if (Model.ElderlyInvestmentRiskBook.Status == -1)
                        {
                            <i class="layui-icon layui-icon-close-fill close"></i>
                        }
                    </div>
                    <p>@Html.Raw(Model.ElderlyInvestmentRiskBook.Remark)</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title @Html.Raw(Model.RiskEvaluation.Status == 1 ? "ok" : Model.ContractSign.Status == -1 ? "close" : "")">
                        4、风险测评（20道题）
                        @if (Model.RiskEvaluation.Status == 1)
                        {
                            <i class="layui-icon layui-icon-ok-circle ok"></i>
                        }
                        else if (Model.RiskEvaluation.Status == -1)
                        {
                            <i class="layui-icon layui-icon-close-fill close"></i>
                        }
                    </div>
                    <p>@Html.Raw(Model.RiskEvaluation.Remark)</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title @Html.Raw(Model.ContractSign.Status == 1 ? "ok" : Model.ContractSign.Status == -1? "close" : "")">
                        5、合同签订
                        @if (Model.ContractSign.Status == 1)
                        {
                            <span> @Html.Raw(Model.ContractSign.CreatedAt)</span>
                            <i class="layui-icon layui-icon-ok-circle ok"></i>
                        }
                        else if (Model.ContractSign.Status == -1)
                        {
                            <i class="layui-icon layui-icon-close-fill close"></i>
                        }
                    </div>
                    <div>@Html.Raw(Model.ContractSign.Remark)</div>
                </div>
            </li>
        }

    </ul>
</div>