{% load basket_tags %}
{% load display_tags %}
{% load i18n %}

{% block partial_add_to_basket_form %}

{% if session.availability.is_available_to_buy %}
    {% basket_form request product as basket_form %}
        <form id="add_to_basket_form" action="{% url 'basket:add' pk=product.pk  %}" method="post" class="add-to-basket">
            {% csrf_token %}
                <div class="product_options">
                    {% include "partials/form_fields.html" with form=basket_form %}
                </div>
            {% iffeature "wishlists" %}
                <div class="d-flex align-items-center">
            {% endiffeature %}
            <button type="submit" aria-lableby="Add to basket" class="btn btn-dark btn-add-to-basket mr-2 icon-spaceing" value="{% trans "Add to basket" %}" data-loading-text="{% trans 'Adding...' %}">{% trans "Add to basket" %}<small><i class="fa fa-plus"></i></small></button>
        </form>
        {% iffeature "wishlists" %}
            {% include "catalogue/partials/add_to_wishlist.html" %}
            </div>
        {% endiffeature %}
        {% if session.availability.can_backorder %}
            <div class="mt-2 p-2 bg-primary text-white">
                {{session.availability.message}}
            </div>
        {% endif %}
{% else %}
    {% if has_active_alert %}
        <p>{% trans "You have an active stock alert for this product." %}</p>
    {% else %}
        <form id="alert_form" method="post" action="{% url 'customer:alert-create' pk=product.id %}" class="add-to-basket">
            {% csrf_token %}
            <p>{% trans "You can get an email alert when this product is back in stock." %}</p>
            {% include "partials/form_fields.html" with form=alert_form %}
            <button type="submit" aria-lableby="add to basket" class="btn btn-info btn-add-to-basket" data-loading-text="{% trans 'Submitting...' %}">{% trans "Notify me" %}</button>
        </form>
    {% endif %}
    {% iffeature "wishlists" %}
        {% include "catalogue/partials/add_to_wishlist.html" %}
    {% endiffeature %}
{% endif %}

{% endblock partial_add_to_basket_form %}