<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>{{title}}</title>
    <meta charset="utf-8">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="content-language" content="vi" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="revisit-after" content="1 days">
    <meta name="author" content="GoTechCom">
    <meta name="copyright " content="Copyright (c) 2015 GoTechCom">
    <meta name="keywords" content="{{keywords}}">
    <meta name="description" content="{{description}}">
    <link rel="alternate" href="http://hoadonviet.vn" hreflang="vi-vn" />
    <link href="/img/favicon1.ico" rel="icon" type="image/ico">
    <link href="/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/frontend/layout/fonts/roboto_font/roboto.css" type="text/css" media="screen">
    <link href="/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/reponsive.min.css">
    <link href="/assets/frontend/pages/css/layout.css" rel="stylesheet">
    <script>
        ! function(f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function() {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window,
            document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');

        fbq('init', '507495609440212');
        fbq('track', "PageView");

    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-59181465-12"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() {dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-59181465-12');
    </script>
    <noscript><img height="1" width="1" style="display:none"
            src="https://www.facebook.com/tr?id=507495609440212&ev=PageView&noscript=1" /></noscript>
    {% block cssFile %}{% endblock %}
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<style>
    .is_active {
        border-bottom: 1px solid #333;
    }

    a.is_active::before {
        content: none !important;
        background: none !important;
    }

    .menu.isfixed a.is_active {
        border-bottom: 1px solid #fff;
    }

    .navigation>ul>li>a:before,
    .navigation>ul>li>span:before {
        content: " ";
        width: 0;
        height: 1px;
        background: #333;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px !important;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    @media only screen and (max-width:767px) {
        .menu {
            position: fixed;
            z-index: 9999;
        }
    }

    div#btnChat {
        display: none !important;
    }

    .icon-fanpage {
        float: left;
        position: fixed;
        width: auto;
        right: 0;
        top: 50%;
        z-index: 9999;
        transform: translate(0%, -50%);

    }

    .icon-fanpage a {
        border-radius: 50%;
        color: #ffffff !important;
        display: inline-block;
        height: 40px;
        line-height: 43px;
        text-align: center;
        text-decoration: none;
        width: 40px;
        background-color: #3b5998;
    }

    .icon-fanpage a:hover {
        background-color: #4c70ba
    }

    .icon-fanpage a span i.fa.fa-facebook {
        font-size: 18px !important;
    }

    #topcontrol {
        z-index: 9999;
    }

    /* overide chat */
    ._f_0 {
        background: #0093dd !important;
        color: #fff !important;
        font-weight: 700 !important;
        padding: 10px 0 10px 0 !important;
    }

    ._2t-5._4bqf {
        background: #fff !important;
    }

    ._424s {
        background-color: #fff !important;
        background-image: url(https://i.imgur.com/oQeWhUA.png) !important;
    }

    ._hox._4ik4._4ik5 {
        display: none !important;
    }

    ._how._4ik4._4ik5 {
        font-size: 14px !important;
    }

    .fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
        left: 90% !important;
        bottom: 0px !important;
    }

    ._4xko._4xks {
        color: #fff !important;
        background: #e27a17 !important;
        font-size: 14px !important;
        text-align: justify !important;
    }
</style>

<body ng-app="gosFrontend">
    <div class="menu">
        <div id="logo">
            <a href="/"><img style="width: 220px;height: 38px;" src="/img/logo1.png" alt="Phần mềm A hóa đơn"></a>
        </div>
        <div class="navigation">
            <div class="mobile-icon">
                <div class="navigation_icon"><span></span></div>
            </div>
            <ul class="view navbar-nav">
                <li class="nav-item"><a id="trang-chu" class="nav-link" href="/">Trang chủ</a></li>
                <!-- <li class="nav-item"><a id="tinh-nang" class="nav-link" href="/tinh-nang">Hóa đơn điện tử</a></li> -->
                <li class="nav-item"><a id="bang-gia" class="nav-link" href="/bang-gia">Phí dịch vụ</a></li>
                <li class="nav-item"><a id="tin-tuc" class="nav-link" href="/blog">Tin tức</a></li>
                <li class="nav-item"><a id="ho-tro" class="nav-link" href="/ho-tro">Hỗ trợ</a></li>
                <li class="nav-item"><a id="van-ban" class="nav-link" href="/van-ban">Văn bản</a></li>
                <li class="nav-item"><a id="mau-hoa-don" class="nav-link" href="/mau-hoa-don">Mẫu hóa đơn</a></li>

                <!-- <li class="nav-item"><a id="tra-cuu-hop-dong" class="nav-link" href="/tra-cuu-hop-dong">Tra cứu hợp đồng</a></li> -->
                <li class="dropdown">
                    <a id="tra-cuu" href="" data-toggle="dropdown" class="dropdown-toggle">
                        Tra cứu
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="nav-item"><a class="dropdown-item" href="https://tracuuhoadon.hoadonviet.vn/"
                                target="_blank">Tra cứu hóa đơn</a>
                        </li>
                        <li class="nav-item"><a class="dropdown-item" href="/tra-cuu-hop-dong">Tra cứu hợp đồng</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a id="dai-ly" href="" data-toggle="dropdown" class="dropdown-toggle">
                        Đại lý
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="nav-item"><a class="dropdown-item" href="/chinh-sach-dai-ly">Chính sách đại lý</a>
                        </li>
                        <li class="nav-item"><a class="dropdown-item" href="dang-ky-lam-dai-ly">Đăng ký làm đại lý</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item"><a id="tuyen-dung" class="nav-link" href="/tuyen-dung">Tuyển dụng</a></li>
                <li class="nav-item"><a id="lien-he" class="nav-link" href="/lien-he">Liên hệ</a></li>
            </ul>
            <input class="titleActive" style="display: none" value="{{ titleActive }}" />

        </div>
        <!-- <div class="top_users instore">
            <span>
                <a class="btn btn-main" href="tel:19001171">
                    <span>Hotline:</span>
                    19001171
                </a>
            </span>
        </div> -->
        <!-- <div class="top_users">
            <a class="btn btn-main" href="/bang-gia">Đăng ký&nbsp;</a>
        </div>
        <div class="top_users instore">
            <a class="btn" data-toggle="modal" data-target="#DangNhap">ĐĂNG NHẬP</a>
        </div>
        <div id="DangNhap" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Đăng nhập vào cửa hàng</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="form-group col-xs-12">
                                <div class="input-group">
                                    <span class="input-group-btn">
                                        <button class="btn gray" type="button" id="protocol"></button>
                                    </span>
                                    <input type="text" name="store" id="store_name" class="form-control"
                                        placeholder="Địa chỉ cửa hàng của bạn...">
                                    <span class="input-group-btn hidden-xs">
                                        <button class="btn gray" type="button" id="host"></button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <a role="button" class="btn btn-primary" style="color: white !important;" id="enter">Vào cửa
                            hàng</a>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Đóng lại</button>
                    </div>
                </div>
            </div>
        </div> -->
    </div>
    {% block content %}{% endblock %}
    <div class="section-prefooter">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <a href="/">
                        <img src="/img/logo1.png" alt="Tập đoàn không gian số" title="Trang chủ"
                            style="width:200px;height: auto;margin-top: 10px;">
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <p class="footer-title">Chi nhánh Miền Bắc</p>
                    <p class="title-ft">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</p>
                    <p class="title-ft"> Tổng đài: <a href="tel:19001171">19001171</a></p>
                    <p class="title-ft"> Email: <a href="mailto:lienhe@hoadonviet.vn">lienhe@hoadonviet.vn</a></p>
                </div>

                <div class="col-md-3 col-sm-6">
                    <p class="footer-title">Chi nhánh Miền Trung</p>
                    <p class="title-ft">72 Đinh Công Tráng, Phường Thuận Phước, Quận Hải Châu, TP Đà Nẵng.</p>
                    <p class="title-ft"> Hotline: <a href="tel:0896133588">0896 133 588</a></p>
                    <p class="title-ft"> Email: <a href="mailto:lienhe@hoadonviet.vn">lienhe@hoadonviet.vn</a></p>
                </div>

                <div class="col-md-3 col-sm-6">
                    <p class="footer-title">Chi nhánh Miền Nam</p>
                    <p class="title-ft"> Tầng 4, Toà nhà E-info, Số 5B Nguyễn Đình Chiểu, Phường Đakao, Quận 1, TP Hồ
                        Chí Minh</p>
                    <p class="title-ft"> Hotline: <a href="tel:0896133588">0896 133 588</a></p>
                    <p class="title-ft"> Email: <a href="mailto:lienhe@hoadonviet.vn">lienhe@hoadonviet.vn</a></p>
                </div>

                <div class="col-md-3 col-sm-6">
                    <div class="app-mobile">
                        <a href="#" target="blank">
                            <img src="https://i.imgur.com/xegN358.png" alt="phần mềm hóa đơn điện tử IOS" />
                        </a>
                        <a href="#" target="blank">
                            <img src="https://i.imgur.com/nxtZWIA.png" alt="phần mềm hóa đơn điện tử android" />
                        </a>
                    </div>
                    <div class="web-dmca">
                        <a href="//www.dmca.com/Protection/Status.aspx?ID=b2cd26ad-54ad-4153-8f3d-164fcb3f37f5"
                            title="DMCA.com Protection Status" class="dmca-badge" target="_blank"> <img
                                src="https://images.dmca.com/Badges/dmca-badge-w200-5x1-10.png?ID=b2cd26ad-54ad-4153-8f3d-164fcb3f37f5"
                                alt="DMCA.com Protection Status" /></a>
                        <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-6">
                    © 2019 DCV |
                    <a href="/chinh-sach-dai-ly">Chính sách và quy định</a> |
                    <a href="/chinh-sach-bao-mat">Chính sách bảo mật thông tin</a> |
                    <a href="/lien-he">Liên hệ</a> |
                    <a href="/ho-tro">Trợ giúp</a>
                </div>
            </div>
        </div>
    </div>
    <!-- fanpage icon -->
    <!-- <div class="icon-fanpage">
        <ul style="width: auto;margin: 0;padding: 0;">
            <li style="list-style: none;">
                <a title="Fanpage Hoá Đơn Việt" href="https://www.facebook.com/hoadonviet/" target="_blank">
                    <span>
                        <i class="fa fa-facebook"></i>
                    </span>
                </a>
            </li>
        </ul>
    </div> -->
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                xfbml: true,
                version: 'v5.0'
            });
        };

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));


    </script>

    <!-- Your customer chat code -->
    <div class="fb-customerchat" attribution=setup_tool page_id="370910180282234" theme_color="#0093dd"
        logged_in_greeting="Xin chào! Hãy đặt câu hỏi để Ahoadon.com được hỗ trợ bạn 24/24"
        logged_out_greeting="Xin chào! Hãy đặt câu hỏi để Ahoadon.com được hỗ trợ bạn 24/24">
    </div>
    <script type="text/javascript" src="/assets/global/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/lodash/3.10.1/lodash.min.js"></script>
    <script type="text/javascript" src="/lib/angular/angular.min.js"></script>
    <script type="text/javascript" src="/lib/angular-sanitize/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="/assets/global/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/assets/frontend/layout/scripts/back-to-top.js" defer></script>
    <script type="text/javascript" src="/assets/frontend/pages/scripts/main.min.js" defer></script>
    <script src="/js/jssor.slider-27.5.0.min.js"></script>

    <script type="text/javascript">
        angular.module('gosFrontend', ['ngSanitize']);
    </script>
    <!-- BEGIN CHAT -->
    {% include './pages/popup-chat.server.view.html' %}
    <!-- END CHAT -->
    {% block jsFile %}{% endblock %}
    <script type="text/javascript">
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-69864965-1', 'auto');
        ga('send', 'pageview');
        window.socket_host = '{{socket_host}}';

    </script>
    <!-- click menu cap 2 -->
    <script>
        $(window).resize(function() {
            var viewportWidth = $(window).width();
            if (viewportWidth < 767) {
                $(".view").removeClass("navbar-nav").addClass("nav");
            }
        });
        // active menu
        $(document).ready(function() {

            var title_url = window.location.pathname;
            // var titleActive = {{ titleActive | raw | json_encode}};
            var titleActive = $('.titleActive').val();
            if (titleActive !== null) {
                if (titleActive === 'trang-chu') {
                    $('#trang-chu').addClass('is_active');
                } else if (titleActive === 'dai-ly') {
                    $('#dai-ly').addClass('is_active');
                } else if (titleActive === 'tinh-nang') {
                    $('#tinh-nang').addClass('is_active');
                } else if (titleActive === 'bang-gia') {
                    $('#bang-gia').addClass('is_active');
                } else if (titleActive === 'tin-tuc') {
                    $('#tin-tuc').addClass('is_active');
                } else if (titleActive === 'ho-tro') {
                    $('#ho-tro').addClass('is_active');
                } else if (titleActive === 'van-ban') {
                    $('#van-ban').addClass('is_active');
                }
                else if (titleActive === 'mau-hoa-don') {
                    $('#mau-hoa-don').addClass('is_active');
                }
                else if (titleActive === 'tuyen-dung') {
                    $('#tuyen-dung').addClass('is_active');
                }
                else if (titleActive === 'lien-he') {
                    $('#lien-he').addClass('is_active');
                } else if (titleActive === 'tra-cuu') {
                    $('#tra-cuu').addClass('is_active');
                }
            }
        });
    </script>
    <!-- slider js -->
    <script type="text/javascript">
        function jssor_1_slider_init() {
            var jssor_1_SlideoTransitions = [
                [{
                    b: -1,
                    d: 1,
                    o: -0.7
                }],
                [{
                    b: 900,
                    d: 2000,
                    x: -379,
                    e: {
                        x: 7
                    }
                }],
                [{
                    b: 900,
                    d: 2000,
                    x: -379,
                    e: {
                        x: 7
                    }
                }],
                [{
                    b: -1,
                    d: 1,
                    o: -1,
                    sX: 2,
                    sY: 2
                }, {
                    b: 0,
                    d: 900,
                    x: -171,
                    y: -341,
                    o: 1,
                    sX: -2,
                    sY: -2,
                    e: {
                        x: 3,
                        y: 3,
                        sX: 3,
                        sY: 3
                    }
                }, {
                    b: 900,
                    d: 1600,
                    x: -283,
                    o: -1,
                    e: {
                        x: 16
                    }
                }]
            ];

            var jssor_1_options = {
                $AutoPlay: 1,
                $SlideDuration: 800,
                $SlideEasing: $Jease$.$OutQuint,
                $CaptionSliderOptions: {
                    $Class: $JssorCaptionSlideo$,
                    $Transitions: jssor_1_SlideoTransitions
                },
                $ArrowNavigatorOptions: {
                    $Class: $JssorArrowNavigator$
                },
                $BulletNavigatorOptions: {
                    $Class: $JssorBulletNavigator$
                }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 3000;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {
                    var expectedWidth = Math.min(
                        MAX_WIDTH || containerWidth,
                        containerWidth
                    );

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                } else {
                    window.setTimeout(ScaleSlider, 50);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        }
    </script>

    <script type="text/javascript">
        jssor_1_slider_init();
    </script>

</body>

</html>