{% extends '../layout.server.view.html' %} {% block cssFile %}
<link href="/assets/frontend/pages/css/go_pricing_styles.css" rel="stylesheet" type="text/css">
<link href="/assets/frontend/pages/css/pricing.min.css" rel="stylesheet"> {% endblock %} {% block content %}
<div class="container header-sub">
    <div class="section-heading">
        <div class="section-heading">
            <h1>Bảng so sánh các tính năng gói dịch vụ</h1>
            <p>Đăng ký sử dụng miễn phí để trải nghiệm toàn bộ tính năng HDV trong 10 ngày</p>
        </div>
    </div>
</div>
<div class="container compare-mobile">
    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#bussiness">Doanh nghiệp</a></li>
        <li><a data-toggle="tab" href="#personal">Cá nhân</a></li>
    </ul>
    <br>
    <br>
    <div class="tab-content">
        <div id="bussiness" class="tab-pane fade in active">
            <div class="gw-go gw-go-enlarge-current">
                <div class="gw-go-col-wrap col-first">
                    <div class="gw-go-col">
                        <div class="gw-go-col-inner">
                            <div class="pricing-title">
                            </div>
                            <div class="pricing-row" style="text-align: left;">
                                Phí hàng tháng
                            </div>
                            <div class="pricing-subtitle" style="border-left: solid 1px #EBEBEB; text-align: left;">
                                <p class="heading-5">Giới hạn</p>
                            </div>
                            <ul style="text-align: left;">
                                <li class="pricing-row">
                                    Số chi nhánh
                                </li>
                                <li class="pricing-row">
                                    Số lượng mặt hàng
                                </li>
                                <li class="pricing-row">
                                    Số lượng tài khoản
                                </li>
                                <li class="pricing-row">
                                    Giao dịch
                                </li>
                                <li class="pricing-row">
                                    EXPORT dữ liệu
                                </li>
                                <div class="pricing-subtitle" style="border-left: solid 1px #EBEBEB;">
                                    <p class="heading-5">Tính năng</p>
                                </div>
                                {% for pack in listModule %}
                                <li class="pricing-row">
                                    {{pack.name}}
                                </li>
                                {% endfor %}
                            </ul>
                            <div class="pricing-row">
                            </div>
                        </div>
                    </div>
                </div>
                {% set index = 0 %} {% for pack in modulePackages %}{% set special = "gw-go-col-wrap-3" %}{% if pack_id == pack._id %} {% set special = "gw-go-col-wrap-2 gw-go-hover" %} {% endif %} {% set index += 1%} {% if index > 3  %}
                <div class="gw-go-col-wrap {{special}}" style="width: 23%">
                    <div class="gw-go-col gw-go-clean-style3">
                        <div class="gw-go-col-inner">
                            <div class="pricing-title">
                                <p class="heading-5">{{pack.name}}</p>
                            </div>
                            <div class="pricing-row">
                                <span>{{pack.pack_price}}</span>
                            </div>
                            <div class="pricing-subtitle">
                            </div>
                            <ul>
                                {{pack.modules_description|safe}}
                                <div class="pricing-subtitle">
                                    <p class="heading-5"></p>
                                </div>
                                {% for l in list[pack._id] %}
                                <li class="pricing-row">
                                    {{l | safe}}
                                </li>
                                {% endfor %}
                            </ul>
                            <div class="gw-go-footer-wrap">
                                <div class="gw-go-footer-spacer"></div>
                                <div class="gw-go-footer-row" data-row-index="0">
                                    <div class="gw-go-footer-row-inner">
                                        <form action="/dang-ky" method="post">
                                            <input type="hidden" value="{{pack._id}}" name="pack" />
                                            <button type="submit" class="gw-go-btn gw-go-btn-medium">Đăng ký</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% endif %} {% endfor %}
            </div>
        </div>
        <div id="personal" class="tab-pane fade">
        <div class="gw-go gw-go-enlarge-current">
            <div class="gw-go-col-wrap col-first">
                <div class="gw-go-col">
                    <div class="gw-go-col-inner">
                        <div class="pricing-title">
                        </div>
                        <div class="pricing-row" style="text-align: left;">
                            Phí hàng tháng
                        </div>
                        <div class="pricing-subtitle" style="border-left: solid 1px #EBEBEB; text-align: left;">
                            <p class="heading-5">Giới hạn</p>
                        </div>
                        <ul style="text-align: left;">
                            <li class="pricing-row">
                                Số chi nhánh
                            </li>
                            <li class="pricing-row">
                                Số lượng mặt hàng
                            </li>
                            <li class="pricing-row">
                                Số lượng tài khoản
                            </li>
                            <li class="pricing-row">
                                Giao dịch
                            </li>
                            <li class="pricing-row">
                                EXPORT dữ liệu
                            </li>
                            <div class="pricing-subtitle" style="border-left: solid 1px #EBEBEB;">
                                <p class="heading-5">Tính năng</p>
                            </div>
                            {% for pack in listModule %}
                            <li class="pricing-row">
                                {{pack.name}}
                            </li>
                            {% endfor %}
                        </ul>
                        <div class="pricing-row">
                        </div>
                    </div>
                </div>
            </div>
            {% set index1 = 0 %} {% for pack in modulePackages %}{% set special = "gw-go-col-wrap-3" %}{% if pack_id == pack._id %} {% set special = "gw-go-col-wrap-2 gw-go-hover" %} {% endif %} {% set index1 += 1%} {% if index1 < 4 %}
            <div class="gw-go-col-wrap {{special}}" style="width: 23%">
                <div class="gw-go-col gw-go-clean-style3">
                    <div class="gw-go-col-inner">
                        <div class="pricing-title">
                            <p class="heading-5">{{pack.name}}</p>
                        </div>
                        <div class="pricing-row">
                            <span>{{pack.pack_price}}</span>
                        </div>
                        <div class="pricing-subtitle">
                        </div>
                        <ul>
                            {{pack.modules_description|safe}}
                            <div class="pricing-subtitle">
                                <p class="heading-5"></p>
                            </div>
                            {% for l in list[pack._id] %}
                            <li class="pricing-row">
                                {{l | safe}}
                            </li>
                            {% endfor %}
                        </ul>
                        <div class="gw-go-footer-wrap">
                            <div class="gw-go-footer-spacer"></div>
                            <div class="gw-go-footer-row" data-row-index="0">
                                <div class="gw-go-footer-row-inner">
                                    <form action="/dang-ky" method="post">
                                        <input type="hidden" value="{{pack._id}}" name="pack" />
                                        <button type="submit" class="gw-go-btn gw-go-btn-medium">Đăng ký</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %} {% endfor %}
        </div>
    </div>
    </div>

</div>
<div class="container compare-pc" style="margin-bottom: 50px;">
    <div class="gw-go gw-go-enlarge-current gw-go-7cols">
        <div class="gw-go-col-wrap">
            <div class="gw-go-col gw-go-clean-style1">
                <div class="gw-go-col-inner">
                    <div class="pricing-title">
                    </div>
                    <div class="pricing-row" style="text-align: left;">
                        Phí hàng tháng
                    </div>
                    <div class="pricing-subtitle" style="border-left: solid 1px #EBEBEB; text-align: left;">
                        <p class="heading--4">Giới hạn</p>
                    </div>
                    <ul style="text-align: left;">
                        <li class="pricing-row">
                            Số chi nhánh
                        </li>
                        <li class="pricing-row">
                            Số lượng mặt hàng
                        </li>
                        <li class="pricing-row">
                            Số lượng tài khoản
                        </li>
                        <li class="pricing-row">
                            Giao dịch
                        </li>
                        <li class="pricing-row">
                            EXPORT dữ liệu
                        </li>
                        <div class="pricing-subtitle" style="border-left: solid 1px #EBEBEB;">
                            <p class="heading--4">Tính năng</p>
                        </div>
                        {% for pack in listModule %}
                        <li class="pricing-row">
                            {{pack.name}}
                        </li>
                        {% endfor %}
                    </ul>
                    <div class="pricing-row">
                    </div>
                </div>
            </div>
        </div>
        {% for pack in modulePackages %}{% set special = "gw-go-col-wrap-3" %}{% if pack_id == pack._id %} {% set special = "gw-go-col-wrap-2 gw-go-hover" %} {% endif %}
        <div class="gw-go-col-wrap {{special}}">
            <div class="gw-go-col gw-go-clean-style3">
                <div class="gw-go-col-inner">
                    <div class="pricing-title">
                        <p class="heading--4">{{pack.name}}</p>
                    </div>
                    <div class="pricing-row">
                        <span class="pricing-number">{{pack.pack_price}}</span>
                    </div>
                    <div class="pricing-subtitle">
                    </div>
                    <ul>
                        {{pack.modules_description|safe}}
                        <div class="pricing-subtitle">
                            <p class="heading--4"></p>
                        </div>
                        {% for l in list[pack._id] %}
                        <li class="pricing-row">
                            {{l | safe}}
                        </li>
                        {% endfor %}
                    </ul>
                    <div class="gw-go-footer-wrap">
                        <div class="gw-go-footer-spacer"></div>
                        <div class="gw-go-footer-row" data-row-index="0">
                            <div class="gw-go-footer-row-inner">
                                <form action="/dang-ky" method="post">
                                    <input type="hidden" value="{{pack._id}}" name="pack" />
                                    <button type="submit" class="gw-go-btn gw-go-btn-medium">Đăng ký</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
    {% endblock %} {% block jsFile %}
    <script src="/assets/frontend/pages/scripts/go_pricing_scripts.js" type="text/javascript"></script>
    {% endblock %}
