{% extends '../layout.server.view.html' %}{% block content %}
<style>
    @media only screen and (max-width: 767px) {
        .section-heading h1 {
            font-size: 20px !important;
        }

        h2 {
            color: #0093DD;
        }

        form#formContacts {
            padding: 15px !important;
        }
    }

    button#formContactt {
        border-radius: 20px;
        width: 150px;
        height: 40px;
        outline: none;
        font-weight: 500;
    }

    .form-horizontal .form-group {
        margin-left: 0;
    }
</style>
<div class="container">
    <br>
    <div class="section-heading">
        <h1>Bạn có thắc mắc về việc sử dụng Phần mềm Hóa Đơn Việt?</h1>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12">
            <div id="map" class="gmaps margin-bottom-40" style="height:400px;"></div>
        </div>
        <div class="col-md-9 col-sm-9" style="margin-bottom: 40px;">
            <h2>Liên hệ</h2>
            <p>Mọi thắc mắc xin hãy liên hệ với chúng tôi</p>
            <form class="form-horizontal" role="form" name="formContacts" id="formContacts" autocomplete="off">
                <div class="form-group">
                    <label for="contacts-name">Họ và Tên</label>
                    <input type="text" class="form-control requied" id="name" name="name">
                </div>
                <!-- <div class="form-group">
                    <label for="email">Email <span style="color:red">*</span></label>
                    <input type="email" class="form-control" id="email" name="email" autofocus>
                    <span class="text-danger" id="invalidEmail" style="display:none;">Địa chỉ Email
                            không hợp lệ</span>
                </div> -->
                <div class="form-group">
                    <label for="email" class=" control-label">Địa chỉ Email <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="email" name="email" id="email" autofocus required>
                    <span class="text-danger" id="invalidEmail" style="display:none;">Địa chỉ Email
                        không hợp lệ</span>

                </div>
                <div class="form-group">
                    <label for="contacts-message">Nội dung <span style="color:red">*</span></label>
                    <textarea class="form-control" rows="5" id="message" name="message" required></textarea>
                </div>
                <div class="form-group">
                    <label for="contacts-xacthuc">Xác thực</label>
                    <div>
                        <div class="g-recaptcha" data-sitekey="6LfP1MIUAAAAAI9XavEqSKoELnM1Urv2cSKTzOOE">
                        </div>
                        <span class="text-danger" id="register_error" style="display:none;"></span>
                    </div>
                </div>
                <button type="submit" id="formContactt" class="btn btn-primary"><i class="icon-ok"></i> Gửi tin
                    nhắn</button>
            </form>
        </div>
        <div class="col-md-3 col-sm-3 sidebar2">
            <h2 class="padding-top-30">Thông tin:</h2>
            <address>
                <strong style="font-size: 16px;">Chi nhánh miền Bắc</strong>
                <br>
                <!-- <abbr title=""><strong>Văn phòng:</strong></abbr> -->
                Tầng 14, Richy Tower, Số 35 Mạc Thái Tổ, Phường Yên Hòa, Quận Cầu
                giấy, TP Hà Nội
                <br>
                <abbr title="Phone"><strong>Tổng đài:</strong></abbr> <a href="tel:19001171">19001171</a>
                <br>
                <abbr title="Email"><strong>Email:</strong></abbr> <a
                    href="mailto:lienhe@hoadonviet.vn">lienhe@hoadonviet.vn</a>
            </address>


            <address>
                <strong>Chi nhánh miền Trung</strong>
                <br>
                <!-- <abbr title=""><strong>Văn phòng:</strong></abbr> -->
                72 Đinh Công Tráng, Phường Thuận Phước, Quận Hải Châu, TP Đà Nẵng
                <br>
                <abbr title="Phone"><strong>Hotline:</strong></abbr> <a href="tel:0896133588">0896 133 588</a>
                <br>
                <abbr title="Email"><strong>Email:</strong></abbr> <a
                    href="mailto:lienhe@hoadonviet.vn">lienhe@hoadonviet.vn</a>
            </address>

            <address>
                <strong>Chi nhánh miền Nam</strong>
                <br>
                <!-- <abbr title=""><strong>Văn phòng:</strong></abbr> -->
                Tầng 4, Toà nhà E-info, Số 5B Nguyễn Đình Chiểu, Phường
                Đakao, Quận 1, TP Hồ Chí Minh
                <br>
                <abbr title="Phone"><strong>Hotline:</strong></abbr> <a href="tel:0896133588">0896 133 588</a>
                <br>
                <abbr title="Email"><strong>Email:</strong></abbr> <a
                    href="mailto:lienhe@hoadonviet.vn">lienhe@hoadonviet.vn</a>
            </address>
        </div>
    </div>
</div>
{% endblock %} {% block jsFile %}
<script src="https://maps.google.com/maps/api/js?sensor=true&key=AIzaSyDHOO6n6duVnt0Na3Nz6mhTXhd3O-iqH4M"></script>
<script src="/assets/global/plugins/gmaps/gmaps.js" type="text/javascript"></script>
<script src="/assets/frontend/pages/scripts/contact-vn.js" type="text/javascript"></script>
<script src='https://www.google.com/recaptcha/api.js?hl=vi'></script>
<script src="/assets/frontend/layout/scripts/validate.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
        ContactUs.init();
    });
</script>
{% endblock %}