{% extends 'oscar/dashboard/intermediate_bulk_action.html' %}
{% load i18n %}

{% block title %}{% trans "Confirm variant action" %} | {{ block.super }}{% endblock %}

{% block breadcrumbs %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'dashboard:index' %}">{% trans "Dashboard" %}</a></li>
        <li class="breadcrumb-item"><a href="{{ cancel_url }}">{% trans "Products" %}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{% trans "Confirm action" %}</li>
    </ol>
</nav>
{% endblock %}

{% block form_content %}
{% if has_extra_fields %}
    <div class="card card-body mb-3">
        <div>
            <h3>{% block action_fields_header %}{% trans "Action parameters" %}{% endblock action_fields_header %}</h3>
        </div>
        {% block form_fields %}
        {% for field in form %}
            {% if not field.field.widget.is_hidden and field.html_name != "selected_products" %}
                {% include "oscar/dashboard/partials/form_field.html" %}
            {% endif %}
        {% endfor %}
        {% endblock %}
    </div>
{% endif %}

{% if form.selected_products.errors %}
<div class="alert alert-danger">{{ form.selected_products.errors }}</div>
{% endif %}

<div class="card mb-3">
    {% if standalone_selectable or parent_selectable or children_selectable %}
    <div class="px-3 py-2 border-bottom d-flex flex-column bulk-select-toolbar">
        {% if standalone_selectable %}
        <label class="d-flex align-items-center small text-muted mb-0 user-select-none bulk-select-label">
            <input type="checkbox" class="select-all-standalones-toggle">
            <span class="select-all-standalones-text" data-hidden-label="{% trans 'Select all visible standalones' %}">{% trans "Select all standalones" %}</span>
            <span id="standalone-selected-counter"></span>
            <a href="#" class="select-all-standalones-link" data-count="{{ standalone_count }}" data-across-label="{% blocktrans with count=standalone_count %}All {{ count }} selected.{% endblocktrans %}">{% blocktrans with count=standalone_count %}Select all {{ count }} standalones{% endblocktrans %}</a>
            {{ form.select_all_standalones }}
        </label>
        {% endif %}
        {% if parent_selectable %}
        <label class="d-flex align-items-center small text-muted mb-0 user-select-none bulk-select-label">
            <input type="checkbox" class="select-all-parents-toggle">
            <span class="select-all-parents-text" data-hidden-label="{% trans 'Select all visible parents' %}">{% trans "Select all parents" %}</span>
            <span id="parent-selected-counter"></span>
            <a href="#" class="select-all-parents-link" data-count="{{ parent_count }}" data-across-label="{% blocktrans with count=parent_count %}All {{ count }} selected.{% endblocktrans %}">{% blocktrans with count=parent_count %}Select all {{ count }} parents{% endblocktrans %}</a>
            {{ form.select_all_parents }}
        </label>
        {% endif %}
        {% if children_selectable %}
        <label class="d-flex align-items-center small text-muted mb-0 user-select-none bulk-select-label">
            <input type="checkbox" class="select-all-children-global">
            <span class="select-all-children-text" data-hidden-label="{% trans 'Select all visible variants' %}">{% trans "Select all variants" %}</span>
            <span id="child-selected-counter"></span>
            <a href="#" class="select-all-children-link" data-count="{{ child_count }}" data-across-label="{% blocktrans with count=child_count %}All {{ count }} selected.{% endblocktrans %}">{% blocktrans with count=child_count %}Select all {{ count }} variants{% endblocktrans %}</a>
            {{ form.select_all_children }}
        </label>
        {% endif %}
    </div>
    {% endif %}

    <div class="table-responsive">
        <table class="table table-sm mb-0">
            <thead>
                <tr>
                    <th class="text-center" style="width:40px;"></th>
                    <th>{% trans "Title" %}</th>
                    <th>{% trans "UPC" %}</th>
                    <th>{% trans "Stockrecords" %}</th>
                    {% block extra_column_headers %}<th>{% trans "Currently public" %}</th>{% endblock %}
                </tr>
            </thead>
            <tbody>
            {% with selected_values=form.selected_products.value %}
            {% for row in display_rows %}
                <tr class="align-middle {% if row.is_group_header %}table-secondary{% endif %}">
                    {% with product=row.product pk_str=row.product.pk|stringformat:"s" %}
                        <td class="text-center {% if row.indent %}bulk-select-indent{% endif %}">
                            {% if row.selectable %}
                            <input type="checkbox" name="selected_products" value="{{ product.pk }}"
                                class="{% if row.product.is_parent %}select-parent{% elif row.product.is_child %}select-child{% elif row.product.is_standalone %}select-standalone{% endif %}"
                                {% if row.indent %}data-parent="{{ product.parent_id }}"{% endif %}
                                {% if not form.is_bound or pk_str in selected_values %}checked{% endif %}>
                            {% endif %}
                        </td>

                        <td {% if row.indent %}class="bulk-select-indent-title"{% endif %}>
                            {{ product.get_title }}
                            {% if row.children_selectable %}
                                <small class="text-muted bulk-select-variant-count">({{ row.children|length }} {% trans "variants" %})</small>
                            {% endif %}
                        </td>

                        <td>{{ product.upc|default:"-" }}</td>
                        <td>{{ product.stockrecord_count }}</td>
                        {% block extra_column_values %}<td>{% if product.is_public %}{% trans "Yes" %}{% else %}{% trans "No" %}{% endif %}</td>{% endblock %}
                    {% endwith %}
                </tr>
                {% if row.children_shown %}
                    <tr>
                        <td colspan="999" class="bulk-select-indent">
                            <input type="checkbox" class="select-all-children"
                                data-parent="{{ row.product.pk }}" title="{% trans 'Select / deselect all variants' %}">
                            <small class="text-muted">{% trans "Select all variants" %}</small>
                        </td>
                    </tr>
                {% endif %}
            {% empty %}
                <tr>
                    <td class="text-muted px-3">{% trans "No products." %}</td>
                </tr>
            {% endfor %}
            {% endwith %}
            </tbody>
            {% if hidden_count %}
            <tfoot>
                <tr>
                    <td colspan="999" class="text-muted small px-3 py-2 border-top">
                        {% blocktrans with count=hidden_count %}And {{ count }} more product(s) not shown. Use "Select all" above to include them.{% endblocktrans %}
                    </td>
                </tr>
            </tfoot>
            {% endif %}
        </table>
    </div>
</div>
{% endblock form_content %}

{% block onbodyload %}
{{ block.super }}
oscar.dashboard.product_bulk_action.init({formBound: {{ form.is_bound|yesno:"true,false" }}});
{% endblock %}