{% load i18n %}
{% load purchase_info_tags %}

{% purchase_info_for_product request product as session %}


<form action="{% url 'basket:add' pk=product.pk %}" method="post">
    {% csrf_token %}

    <div class="product_price inline_add_to_basket_wrapper mb-4">
        <div class="inline_add_to_basket custom-alert-available">
            <div class="inline_add_to_basket_button">
            {% if product.is_parent or product.has_options %}
                <a class="btn {% if not session.availability.is_available_to_buy %}btn-danger{% else %}{% if session.availability.is_backorder %}btn-warning text-white{% else %}btn-primary{% endif %}{% endif %}" href="{{ product.get_absolute_url }}"><small>{% trans "From" context "price/date" %}</small></a>
            {% elif session.availability.is_available_to_buy %}
                <input type="hidden" name="quantity" value="1" id="id_quantity">
                <button type="submit" class="btn {% if session.availability.is_backorder %}btn-warning text-white{% elif not session.availability.is_available_to_buy %}{% else %}btn-primary{% endif %}" data-loading-text="{% trans 'Adding...' %}"><i class="fa fa-cart-arrow-down"></i></button>
            {% else %}
                <span class="btn btn-danger disabled"><i class="fa fa-exclamation px-1"></i></span>
            {% endif %}
            </div>

            <div class="inline_add_to_basket_stock_record {% if not session.availability.is_available_to_buy %}disabled{% endif %}">
            {% include "catalogue/partials/stock_record.html" %}
            {% if session.availability.is_backorder %}
                <div class="info-circle pr-2 text-warning" data-toggle="tooltip" data-placement="top" title="{{session.availability.message}}">
                    <i class="fa fa-info-circle"></i>
                </div>
            {% endif %}
            </div>
        </div>
    </div>
</form>