{% extends '../layout.server.view.html' %} {% block cssFile %}
<style type="text/css">
    .register-head {
        background-image: url(https://i.imgur.com/kLXNrxb.jpg);
        padding: 60px 0px;
        text-align: center;
        color: #fff;
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 300px;
        text-align: left;
    }

    .text-success {
        color: #3c763d;
        font-size: 24px;
        text-align: center;
    }

    i.material-icons {
        color: green;
        text-align: center;
        margin: auto;
        display: block;
        font-size: 45px;
    }

    a#i_gotostore {
        width: 250px;
        border-radius: 20px;
    }

    @media only screen and (max-width:767px) {
        .register-head {
            min-height: auto;
        }

        .register-head .container h1 {
            font-size: 14px !important;
        }

        .register-head .container p {
            font-size: 12px;
            max-width: 200px;
        }

        h1.text-success {
            font-size: 16px;
            text-align: center;
        }

        i.material-icons {
            color: green;
            text-align: center;
            margin: auto;
            display: block;
        }

        .main .container .success,
        table.table {
            width: 100% !important;
        }

        a#i_gotostore {
            width: 150px;
            font-size: 12px;
        }
    }

    table.table tbody tr td {
        border-bottom: 1px solid #ccc;
        border-top: none;
    }

    table.table tbody {
        width: 100%;
        float: left;
    }
</style>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
{% endblock %} {% block content %}
<div class="register-head">
    <div class="container">
        <h1>Bắt đầu trải nghiệm hệ thống</h1>
        <p>Chào mừng bạn đến với Giải pháp Phần mềm hóa đơn điện tử AHOADON.COM</p>
    </div>
</div>
<div class="main">
    <div class="container">
        {% if code == '00' %}
        <div class="success" style="width:60%; margin:10px auto;overflow: hidden;" class="text-center">
            <h1 class="text-success">ĐĂNG KÝ VÀ THANH TOÁN THÀNH CÔNG!</h1>
            <table class="table" style="width: 100%;margin: 5px auto;overflow: hidden;">
                <tr style="text-align:left">
                    <td  style="width: 45%;vertical-align: middle;">Tên công ty:</td>
                    <td class="text-info" style="color:#333;font-weight:700;text-transform:uppercase;width: 55%;"
                        id="i_storename">{{data.company}}</td>
                </tr>
                <tr style="text-align:left">
                    <td style="width: 45%;vertical-align: middle;">Địa chỉ truy cập:</td>
                    <td class="text-info" id="i_storename">
                        <a style="color:green;font-weight:700" href="{{data.link}}">
                            {{data.link}}
                        </a>
                    </td>
                </tr>
                {% if is_trial == 0 %}
                <tr style="text-align:left">
                    <td class="td-3 col-md-3" style="width: 30%;vertical-align: middle;">Gói hóa đơn:</td>
                    <td class="text-info col-md-9" style="color:#333;font-weight:700;"
                        id="i_storename">{{data.goi_hoa_don}}</td>
                </tr>
                <tr style="text-align:left">
                    <td class="td-3 col-md-3" style="width: 30%;vertical-align: middle;">Số tiền thanh toán:</td>
                    <td class="text-info col-md-9" style="color:#333;font-weight:700;"
                        id="i_storename">{{data.so_tien_thanh_toan}}</td>
                </tr>
                <tr style="text-align:left">
                    <td class="td-3 col-md-3" style="width: 30%;vertical-align: middle;">Cổng thanh toán:</td>
                    <td class="text-info col-md-9" style="color:#333;font-weight:700;"
                        id="i_storename">{{data.cong_thanh_toan}}</td>
                </tr><tr style="text-align:left">
                    <td class="td-3 col-md-3" style="width: 30%;vertical-align: middle;">Mã giao dịch {{data.cong_thanh_toan}}:</td>
                    <td class="text-info col-md-9" style="color:#333;font-weight:700;"
                        id="i_storename">{{data.ma_giao_dich}}</td>
                </tr>
                {% endif %}
            </table>
            <div class="box-lh">
                <img src="/img/logo1.png" alt=""
                    style="width:200px;height: 40px;margin: auto;display: block;margin-top: 20px;">
                <p style="font-size: 15px;margin-top: 20px;" class="text-center">Quý khách vui lòng kiểm tra email để
                    biết thêm thông tin đã đăng ký và thanh toán.</p>
                <p class="text-center">
                    Mọi thắc mắc xin vui lòng liên hệ
                    <span>Hotline:</span>
                    <span><a style="color: red;font-weight: 600;" href="tel:0896133588"> 0896 133 588</a></span>
                    hoặc
                    <span>Tổng đài:</span>
                    <span><a style="color: red;font-weight: 600;" href="tel:19001171">19001171.</a></span>
                </p>
                <p class="text-center" style="margin-bottom:30px">
                    <a href="/" target="_blank" style="font-weight: bold;">HOADONVIET.VN</a> sẽ liên hệ với Quý khách theo thông tin đã đăng ký để
                    hỗ
                    trợ sử dụng trong thời gian sớm nhất.
                </p>
            </div>
        </div>
        {% else %}
        <div class="success" style="width:60%; margin:10px auto;overflow: hidden;min-height: 350px;" class="text-center">
            <h1 class="text-success">ĐĂNG KÝ KHÔNG THÀNH CÔNG!</h1>
            {% if code == '01' %}
            <p style="text-align: center;">Mã đơn hàng không tồn tại</p>
            {% elseif code == '02' %}
            <p style="text-align: center;">Đơn hàng đã được cập nhật</p>
            {% elseif code == '04' %}
            <p style="text-align: center;">Số tiền không hợp lệ</p>
            {% elseif code == '97' %}
            <p style="text-align: center;">Giao dịch lỗi sai chữ ký</p>
            {% else %}
            <p style="text-align: center;">Giao dịch thất bại</p>
            {% endif %}
        </div>
        {% endif %}
    </div>
</div>
{% endblock %} {% block jsFile %}
<script type="text/javascript" src="/assets/frontend/layout/scripts/validate.js"></script>
{% endblock %}