{% extends 'layout.server.view.html' %} {% block cssFile %}
<link href="/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/registerAgency.css">

{% 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>
<div class="container">
    <div class="row margin-bottom-40">
        <form class="form-horizontal" role="form" name="registerAgency" id="registerAgency" autocomplete="off">
            <div class="col-md-12">
                <legend>Đăng ký đại lý</legend>
            </div>
            <div class="col-md-6">
                <!-- người liên hệ -->
                <div class="form-group">
                    <label for="contact" class="col-sm-4 control-label">Người liên hệ <span class="text-danger">*</span>
                    </label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control required" name="contact" id="contact" placeholder=""
                            value="" autofocus>
                    </div>
                </div>
                <!-- email -->
                <div class="form-group">
                    <label for="email" class="col-sm-4 control-label">Email <span class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control required" name="email" id="email" value="{{email}}">
                        <span class="text-danger" id="invalidEmail"
                            style="display:none;font-size:12px;position: absolute;">Địa chỉ Email không hợp
                            lệ.</span>
                        <span class="text-danger" id="existsEmail"
                            style="display:none;font-size:12px;position: absolute;">Địa chỉ Email đã được sử
                            dụng trên hệ thống.</span>
                    </div>
                </div>
                <!-- mobile -->
                <div class="form-group">
                    <label for="phone" class="col-sm-4 control-label">Điện thoại <span
                            class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control required" name="mobile" id="mobile">
                        <span class="text-danger" id="invalidMobile"
                            style="display:none;font-size:12px;position: absolute;">Số điện thoại không hợp
                            lệ.</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <!-- mã số thuế -->
                <div class="form-group">
                    <label for="dl_taxCode" class="col-sm-4 control-label">CMT/Mã số thuế <span
                            class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" name="dl_taxCode" id="dl_taxCode">
                        <span class="text-danger" id="invalidTaxCode"
                            style="display:none;font-size:12px;position: absolute;">CMT/Mã số thuế
                            không hợp
                            lệ.</span>
                        <span class="text-danger" id="existsTaxCode"
                            style="display:none;font-size:12px;position: absolute;">CMT/Mã số thuế
                            đã tồn tại.
                        </span>
                    </div>
                </div>
                <!-- đơn vị -->

                <div class="form-group">
                    <label for="modulepackage" class="col-sm-4 control-label">Tên đơn vị</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control required" name="unit" id="unit" placeholder="">
                    </div>
                </div>
                <!-- địa chỉ -->

                <div class="form-group">
                    <label for="address" class="col-sm-4 control-label">Địa chỉ <span
                            class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control required" name="address" id="address" placeholder=""
                            value="">
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <!-- xác thực -->
                <div class="form-group">
                    <label class="col-sm-4 control-label">Xác thực đăng ký <span class="text-danger">*</span></label>
                    <div class="col-sm-8">
                        <div class="g-recaptcha" data-sitekey="6LcuMtAUAAAAAJlY17pq4I4X8LLDwIIwyvP2CZ22">
                        </div>
                        <span class="text-danger" id="register_error" style="display:none;"></span>
                    </div>
                </div>
            </div>
            <!-- điều khoản -->
            <div class="col-md-6">
                <div class="form-group">
                    <div class="col-sm-offset-4 col-sm-8">
                        <label>
                            <input type="checkbox" id="term"> Tôi đồng ý với <a href="/chinh-sach-dai-ly" target="_blank">điều
                                khoản chính sách</a> đại lý của Hóa Đơn Việt</label>
                        <span class="text-danger" id="term_error" style="display:none;">Bạn chưa đồng ý với điều
                            khoản sử dụng.</span>
                    </div>
                </div>
            </div>
            <!-- Đăng ký -->
            <div class="col-md-12 registerAgency">
                <button type="submit" id="registerAgency" class="btn blue">Đăng ký</button>
            </div>
        </form>
    </div>
</div>

<div class="section-resources">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <img src="/img/start-use.png" alt="" style="max-width:100%">
            </div>
            <div class="col-md-6 text-center">
                <h2 class="resources-title">Bạn chưa sẵn sàng để bắt đầu sử dụng?</h2>
                <p class="resources-content">Chúng tôi ở đây để giúp bạn ở mọi giai đoạn của cuộc hành trình của bạn</p>
                <div class="research">
                    <a href="/ho-tro">
                        <button class="btn btn-main research" type="button">Tìm hiểu</button>
                    </a>
                </div>
            </div>
            <div class="col-md-3">

            </div>
        </div>

    </div>
</div>
<div class="waiting">
    <span style="position: fixed; left:38%;top:43%;font-size:18px">Vui lòng chờ trong giây lát!</span>
</div>
{% endblock %} {% block jsFile %}
<script src='https://www.google.com/recaptcha/api.js?hl=vi'></script>
<script type="text/javascript" src="/assets/frontend/layout/scripts/validate.js"></script>
{% endblock %}