{% 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;
    }

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

    .main,
    .section-prefooter,
    .section-footer {
        width: 100%;
        float: left;
    }

    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;
        }
    }

    .box-lh {
        margin: 20px 0 30px 0;
        width: 100%;
        float: left;
    }
    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">
        <div class="success" style="width:60%; margin:10px auto;overflow: hidden;display: block;" class="text-center">
            <h1 class="text-success">GỬI YÊU CẦU ĐĂNG KÝ ĐẠI LÝ THÀNH CÔNG</h1>
            <table class="table" style="width:60%;margin: 5px auto;">
                <!-- mã đại lý -->
                <tr style="text-align:left">
                    <td class="td-3" style="width:30%;vertical-align: middle;">Mã đại lý:</td>
                    <td class="text-info" id="i_domain">
                        {{data.dl_taxCode}}
                    </td>
                </tr>
                <!-- tên đơn vị -->
                {% if data.unit == '' %}
                <tr style="text-align:left">
                    <td class="td-3" style="width: 30%;;vertical-align: middle;">Tên đơn vị:</td>
                    <td class="text-info" id="i_storename">
                        {{data.contact}}
                    </td>
                </tr>
                {% else %}
                <tr style="text-align:left">
                    <td class="td-3" style="width:30%;vertical-align: middle;">Tên đơn vị:</td>
                    <td class="text-info" id="i_storename">{{data.unit}}</td>
                </tr>
                {% endif %}
                <!-- địa chỉ -->
                <tr style="text-align:left">
                    <td class="td-3" style="width:30%;vertical-align: middle;">Địa chỉ:</td>
                    <td class="text-info" id="i_domain">
                        {{data.address}}
                    </td>
                </tr>
                <!-- Người liên hệ -->
                <tr style="text-align:left">
                    <td class="td-3" style="width:30%;vertical-align: middle;">Người liên hệ:</td>
                    <td class="text-info" id="i_storename">{{data.contact}}</td>
                </tr>
                <!-- điện thoại -->
                <tr style="text-align:left">
                    <td class="td-3" style="width:30%;vertical-align: middle;">Điện thoại:</td>
                    <td class="text-info" id="i_storename">{{data.mobile}}</td>
                </tr>
                <!-- Email -->
                <tr style="text-align:left">
                    <td class="td-3" style="width:30%;vertical-align: middle;">Email:</td>
                    <td class="text-info" id="i_storename">{{data.email}}</td>
                </tr>
                <!-- địa chỉ truy cập -->

                <!-- <tr style="text-align:left">
                    <td class="td-3">Địa chỉ truy cập:</td>
                    <td class="text-info" id="i_domain">
                        <a href="{{data.link}}">{{data.link}}</a>
                    </td>
                </tr> -->
            </table>
            <div class="box-lh">
                <img src="/img/logo1.png" alt="" style="width:200px;height: 40px;margin: auto;display: block;">
                <p style="text-align:center;margin-top:20px ;font-weight: 700;font-size: 22px;">
                    Vui lòng chờ để được chuyên viên liên hệ tư vấn – hỗ trợ
                </p>
                <p style="font-size: 15px;" class="text-center">Quý khách vui lòng xem chính sách đại lý <span><a
                            target="_blank" href="/chinh-sach-dai-ly">[TẠI ĐÂY]</a></span> </p>
                <p class="text-center">
                    Mọi thắc mắc xin vui lòng liên hệ
                    <span style="color:red">Hotline:</span>
                    <span><a style="color: red;font-weight: 600;" href="tel:0896133588"> 0896 133 588</a></span>
                    hoặc
                    <span style="color:red">Tổng đài:</span>
                    <span><a style="color: red;font-weight: 600;" href="tel:19001171">19001171</a></span>
                </p>
            </div>

            <!-- <a id="i_gotostore" href="{{data.link}}" class="btn btn-primary btn-primary btn-block btn-lg"
                style="margin: 20px auto">VÀO CỬA HÀNG
            </a> -->
        </div>
    </div>
</div>
{% endblock %} {% block jsFile %}
<script type="text/javascript" src="/assets/frontend/layout/scripts/validate.js"></script>
{% endblock %}