{% extends "trading/base.html" %}
{% load bootstrap4 %}

{% block title %}
    {% with title="Create commodity" %}
        {{ block.super }}
    {% endwith %}
{% endblock title %}

{% block content %}
    <div class="row">
        <div class="col-sm">
            <h4>Create commodity</h4>
            {% if object.can_create_commodity %}
            <form method="post">
                {% csrf_token %}
                {% bootstrap_form form %}
                <div class="form-group">
                    <div class="alert alert-light">
                        <strong>Note:</strong> You have <strong>{{ object.unused_commodities|default:"unlimited" }}</strong>
                        {% if object.unused_commodities %}
                            commodit{{ object.unused_commodities|pluralize:"y,ies"}}
                        {% else %}
                            commodities
                        {% endif %} available to create.
                    </div>
                    <button class="btn btn-primary" type="submit">Create</button>
                    <a class="btn btn-link" href="{% url "trading:index" %}" role="button">Cancel</a>
                </div>
                {% if next %}
                    <input type="hidden" name="next" value="{{next}}"/>
                {% endif %}
            </form>
            {% else %}
                <p>You have created the maximum number of commodities you are allowed to create.</p>
                <p><a href="{% url "trading:settings" %}">Click here to view your settings.</a></p>
            {% endif %}
        </div>
    </div>
{% endblock %}