{% extends 'backend/email/business_base.html' %}
{% load tz %}
{% block email_content %}
    {{ system_name }} xin thông báo, quý khách vừa thay đổi thành công gói đăng ký sản phẩm
    <b><i>{{ subscription.product.name }}</i></b> trên {{ system_name }} Marketplace. <br><br>

    Thông tin gói đăng ký sau khi thay đổi như sau:
    <ul style="list-style-type: none">
        <li>Nhà cung cấp: <b><i>{{ subscription.product.vendor.name }}</i></b></li>
        <li>Tên sản phẩm: <b><i>{{ subscription.product.name }}</i></b></li>
        <li>Tên gói đăng ký: <b><i>{{ subscription.plan_name }}</i></b></li>
        <li>Mã gói đăng ký: <b><i>{{ subscription.id }}</i></b></li>
        {% if addons %}
            <li>
                Dịch vụ mua kèm:
                <ul style="list-style-type: none">
                    <li>
                        <table style="font-family: inherit; font-weight: inherit; font-size: inherit;">
                            {% for addon in addons %}
                                <tr>
                                    <td style="padding-right: 25px">
                                        <b><i>
                                            {% if addon.category_name != addon.addon.localized_name %}
                                                {{ addon.category_name }}
                                            {% endif %}
                                            {{ addon.addon.localized_name }}
                                        </i></b>
                                    </td>
                                    <td><b><i>SL: {{ addon.quantity }}</i></b></td>
                                </tr>
                            {% endfor %}
                        </table>
                    </li>
                </ul>
            </li>
        {% endif %}
        <li>Ngày đăng ký: <b><i>{{ subscription.purchase_date|timezone:time_zone }}</i></b></li>
        <li>Ngày bắt đầu: <b><i>{{ subscription.start_date|timezone:time_zone }}</i></b></li>
        <li>Ngày hết hạn: <b><i>{{ subscription.end_date|timezone:time_zone }}</i></b></li>
    </ul>
{% endblock %}