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

{% load i18n %}

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

{% block content %}

<div id = 'main-content'>

<form action="" name="purchase" method="post" id='salesOrderForm' class = 'orderForm clearfix'>
	{% csrf_token %}
	{{ formset.management_form }}
    
    <div class = 'form-wrapper clearfix'>

        <div class = 'required productEntryForm'>

            <h2>{% trans "Required" %}</h2>
            {{ form.non_field_errors }}

            <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>            
            <div id = 'notes'>	            
                <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>
                    <div>{{ form.client_po_number.label_tag|safe }} {{ form.client_po_number }} </div>
                    <div class='select'>{{ form.region.label_tag }} {{ form.region }}</div>      
                    <div>{{ form.notes.label_tag|safe }}{{ form.notes }}</div>	        
                </fieldset>	            
            </div>
        </div>
    </div>
    
    <div class = 'formset-wrapper'>

        <h4>Products</h4>

        {% include 'generic/order_formset.html' %}
        
        {# <a href = '' class = 'addRow' id = 'addRow'>{% trans "Add another item" %}</a> #}

        <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>
            {% comment %}
            <tr>
                <td class = 'row_label'>{% trans 'Shipping cost' %}</td>
                <td class = 'field'>{{ form.shipping_cost }}</td>
            </tr>
            {% endcomment %}
            <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>
                <td></td>
                <td>
                    <button class = 'button submit right'><span>{% trans "Submit" %}</span></button></td>
            </tr>
        </table>

    </div>

</form>

</div>

{% endblock %}