{% extends edc_base_template %}
{% load static %}

{% block main %}
    {{ block.super }}
    <div class="container">
        <div class="col-sm-8">

            <div style="padding:10px;">
                <a href="{% url "edc_pharmacy:home_url" %}">Edc Pharmacy</a> &rsaquo;
                <a href="{% url "edc_pharmacy:order_home_url" %}">Orders</a> &rsaquo;
                <a href="{% url "edc_pharmacy:order_url" order=order.pk %}">{{ order.order_identifier }}</a> &rsaquo;
                {% if order_item %}
                    Edit {{ order_item.order_item_identifier }}
                {% else %}
                    Add item
                {% endif %}
            </div>

            <div class="panel panel-primary">
                <div class="panel-heading">
                    {% if order_item %}
                        <b>Edit order item <code>{{ order_item.order_item_identifier }}</code></b>
                    {% else %}
                        <b>Add order item</b> &mdash; Order <code>{{ order.order_identifier }}</code>
                    {% endif %}
                </div>
                <div class="panel-body">
                    <form method="post">
                        {% csrf_token %}
                        <div class="row">
                            {% for field in form %}
                            <div class="col-sm-6" style="margin-bottom:12px;">
                                <div class="form-group{% if field.errors %} has-error{% endif %}">
                                    <label class="control-label" for="{{ field.id_for_label }}">
                                        {{ field.label }}
                                        {% if field.field.required %}<span style="color:red;">*</span>{% endif %}
                                    </label>
                                    {{ field }}
                                    {% if field.help_text %}
                                        <span class="help-block">{{ field.help_text }}</span>
                                    {% endif %}
                                    {% if field.errors %}
                                        <span class="help-block">{{ field.errors|join:", " }}</span>
                                    {% endif %}
                                </div>
                            </div>
                            {% endfor %}
                        </div>
                        {% if form.non_field_errors %}
                            <div class="alert alert-danger">{{ form.non_field_errors }}</div>
                        {% endif %}
                        <button type="submit" class="btn btn-primary btn-sm">Save</button>
                        &nbsp;
                        <a href="{% url "edc_pharmacy:order_url" order=order.pk %}"
                           class="btn btn-default btn-sm">Cancel</a>
                    </form>
                </div>
            </div>

        </div>
    </div>
{% endblock main %}