{% extends 'users/settings/base_settings.html' %}
{% load opencve_extras %}

{% block content_settings %}

<div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">My vendors ({{ vendors|length }})</h3>
            </div>
            <div class="box-body">
                <div class="table-responsive">
                    {% if vendors %}
                    <table class="table table-hover table-striped">
                        <tbody>
                        {% for vendor in vendors %}
                        <tr {% if loop.first %}style="border-top: 0px;" {% endif %}>
                            <td style="border-top: 0px;">{{ vendor.vendor_name | humanize }}</td>
                            <td class="pull-right" style="border-top: 0px;">
                                <button class="btn btn-danger btn-xs pull-right subscribe" id="unsubscribe_vendor_{{ vendor.vendor_id }}" type="button">Unsubscribe</button>
                            </td>
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    {% else %}
                    <p>You have no subscription yet, click <a href="{% url 'vendors' %}">here</a> to view the entire list of vendors and products.</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">My products ({{ products|length }})</h3>
            </div>
            <div class="box-body">
                <div class="table-responsive">
                    {% if products %}
                    <table class="table table-hover table-striped">
                        <tbody>
                        {% for product in products %}
                        <tr {% if loop.first %}style="border-top: 0px;" {% endif %}>
                            <td style="border-top: 0px;">{{ product.product_name | humanize }}</td>
                            <td class="pull-right" style="border-top: 0px;">
                                <button class="btn btn-danger btn-xs pull-right subscribe" id="unsubscribe_product_{{ product.product_id }}" type="button">Unsubscribe</button>
                            </td>
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    {% else %}
                    <p>You have no subscription yet, click <a href="{% url 'vendors' %}">here</a> to view the entire list of vendors and products.</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}