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

{% block partial_add_to_basket_form %}
{% basket_form request product 'multiple' as basket_form %}
{% if session.availability.is_available_to_buy %}
        <form id="add_to_basket_form" action="{% url 'basket:add' pk=product.pk  %}" method="post" class="add-to-basket">
            {% csrf_token %}
            <div class="row">
                <div class="product_options col col-12{% iffeature 'wishlists' %} pr-lg-0{% endiffeature %} {% if product.has_options %} with_options col-lg-12{% elif product.children.all %} with_options col-lg-12{% elif detail_filter_on %}col-lg-12{% else %}col-lg-6{% endif %}">
                    {% if product.has_options %}
                        {% include "partials/form_fields.html" with nolabel=False form=basket_form class=ok %}
                    {% else %}
                        {% include "partials/form_fields.html" with nolabel=True form=basket_form class=ok %}
                    {% endif %}
                </div>
                <div class="col col-8 col-xl-6 {% iffeature 'wishlists' %}d-flex{% endiffeature %}">
                    <button type="submit" aria-labelledby="Add to basket" class="btn btn-primary btn-block btn-add-to-basket {% iffeature 'wishlists' %}mr-3 mb-3{% endiffeature %}" value="{% trans 'Add to basket' %}" data-loading-text="{% trans 'Adding...' %}"> {% trans 'Basket' %}<i class="fa fa-cart-arrow-down pl-1"></i></button>
                    {% iffeature "wishlists" %}
                        {% esi_fragment "catalogue/partials/add_to_wishlist.html" with sessionid=True name="wishlist" user=user product=product csrf_token=csrf_token only %}
                    {% endiffeature %}
                </div>
            </div>
        </form>
{% 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 %}
            <div class="d-flex align-items-center mb-3">
                <button type="submit" aria-lableby="add to basket" class="btn btn-primary btn-add-to-basket w-50" data-loading-text="{% trans 'Submitting...' %}">{% trans "Notify me" %}</button>
                {% iffeature "wishlists" %}
                    {% esi_fragment "catalogue/partials/add_to_wishlist.html" with sessionid=True name="wishlist" user=user product=product csrf_token=csrf_token only %}
                {% endiffeature %}
            </div>
        </form>
    {% endif %}
{% endif %}

{% endblock partial_add_to_basket_form %}