{% load basket_tags %}
{% load display_tags %}
{% load i18n %}
{% load purchase_info_tags %}
{% load bootstrap4 %}
{% load content_tags %}

{% purchase_info_for_product request product as session %}
{% if session.availability.is_available_to_buy %}
    {% basket_form request product 'mutiple' as basket_form %}
    <form id="add_to_basket_form" action="{% url 'basket:add' pk=product.pk %}" method="post" class="add-to-basket">
        {% csrf_token %}
        {% for field in basket_form %}
            {% if not field.name == 'quantity' and not field.name == 'subscription-interval' and not field.name == 'surprise' %}
                {% bootstrap_field field %}
            {% elif field.name == 'subscription-interval' %}
                <div id="subscription-message"></div>
                {% bootstrap_field field form_group_class='form-group subscription-interval' show_label=False %}
            {% elif field.name == 'surprise' %}
                {% bootstrap_field field form_group_class="form-group surprise-form-group text-center" label_class="d-block" %}
            {% endif %}
        {% endfor %}
        <div class="row">
            <div class="col-md-6 col-12 text-center quantity-input">
                {% bootstrap_field basket_form.quantity show_label=False %}
            </div>
            <div class="col-md-6 col-12 text-center ">
                <button type="submit" class="btn btn-primary btn-add-to-basket btn-hook"
                        value="{% trans "Add to Basket" %}"
                        data-loading-text="{% trans 'Adding...' %}">{% trans "Add to basket" %}</button>
            </div>
        </div>
    </form>
    {% comment %}
    {% iffeature "wishlists" %}
        {% include "catalogue/partials/add_to_wishlist.html" %}
    {% endiffeature %}
    {% endcomment %}
{% 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" class="btn btn-info btn-add-to-basket"
                    data-loading-text="{% trans 'Submitting...' %}">{% trans "Notify me" %}</button>
        </form>
    {% endif %}
    {% comment %}
    {% iffeature "wishlists" %}
        {% include "catalogue/partials/add_to_wishlist.html" %}
    {% endiffeature %}
    {% endcomment %}
{% endif %}