{% extends 'generic/form.html' %}

{% load i18n %}

{% block media %}
    {{ form.media }}
{% endblock %}

{% block content %}

<div id = 'main-content'>

<form action="" name="purchase" method="post" id='purchaseOrderForm' class = 'orderForm{% if edit %} edit {% endif %} clearfix'>
	{% csrf_token %}
	{{ formset.management_form }}

    <div class = 'form-wrapper clearfix'>
        <div class = 'required productEntryForm'>
        
            <h2>{% trans "Required" %}</h2>

                <fieldset>
                    {% for field in form %}
                        {% if field.field.required %}	                   			
                            <div class = '{{ field.name }} {{ field.field.widget.input_type }}'>
                                {{ field.label_tag|safe }} {{ field|safe }}
                                {{ field.errors }}
                            </div>
                      {% endif %}
                    {% endfor %}
                </fieldset>

        </div>	            

        <div class = 'optional'>
            <h2>{% trans "Optional" %}</h2>
            <fieldset>
                <div>{{ form.number.label_tag|safe }} {{ form.number }} {{ form.number.errors }}</div>
                <div>{{ form.created.label_tag|safe }} {{ form.created }} {{ form.created.errors }}</div>
                {% if form.estimated_delivery_date %}
                    <div>{{ form.estimated_delivery_date.label_tag|safe }} {{ form.estimated_delivery_date }}</div>
                {% endif %}
                <div>{{ form.note.label_tag|safe }} {{ form.note }}</div>
            </fieldset>
        </div>
    
    </div>

    <div class = 'formset-wrapper'>

        <h4>Products</h4>

        {% include 'generic/order_formset.html' %}
            
        <table id = 'subtotalSection'>
            <tr id = 'subtotal_row'>
                <td class = 'row_label'>Subtotal</td>
                <td class = 'field'>
                    <span class = 'currencyDisplay'>{% trans "Rp." %} </span>
                    <span id = 'subtotal'>0</span>
                </td>
            </tr>
              <tr id = 'tax_row'>
                <td class = 'row_label'>{% trans 'Tax' %}</td>
                <td class = 'field'>{{ form.tax_type }}</td>
            </tr>
            
            {% comment %}
            <tr id = 'discount_row'>
                <td class = 'row_label'>{% trans "Discount" %}</td>
                <td class = 'field'>{{ form.discount}}</td>
            </tr>
            
            {% if form.tax %}
                <tr id = 'tax_row'>
                    <td class = 'row_label'>{% trans 'Tax' %}</td>
                    <td class = 'field'>{{ form.tax }}</td>
                </tr>
            {% endif %}
            {% endcomment %}
            
            <tr><td id = 'sep'></td></tr>
            <tr id = 'total_row'>
                <td class = 'row_label'>{% trans "Grand Total" %}</td>
                <td class = 'field'>
    	            <span class = 'currencyDisplay'>{% trans "Rp." %} </span>
    	            <span id = 'total'>0</span>
                </td>
            </tr>
            <tr id = 'submit_row'>
                <td>
                    {# <div>{{ form.invoice }} {{ form.invoice.label_tag }}</div> #}
                    {% if form.is_draft %}
                        <div>{{ form.is_draft }} {{ form.is_draft.label_tag }}</div>
                    {% endif %}
                </td>
                <td><button class = 'button submit right'><span>{% trans "Submit" %}</span></button></td>
            </tr>
        </table>
        

    </div>
	    

</form>

</div>

{% endblock %}