{% extends 'contact/base.html' %}
{% load i18n %}

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

{% block content %}

<div class = 'clear'></div>

<form action="" name="formproduct" method="post" id='form'{% ifequal edit 1 %} class = 'edit' {% endifequal %}>

<div class = 'left'>
    <div class = 'required'>
        {{ form.errors }}

        <h2>{% trans "Main Info" %}</h2>


            <fieldset>
            {% for field in form %}
              {% if field.field.required %}
              <div>
                    {{ field.label_tag }} {{ field.errors }} {{ field }}
              </div>
              {% endif %}
            {% endfor %}
            </fieldset>
            </div>
            <div class = 'clear'></div>
            <div class = 'button submit left'><a href = "javascript:document.formproduct.submit();" tabindex="10">{% trans "Submit" %}</a></div>
    </div>


    <div class = 'left'>
        <div class = 'optional'>
        <h2>{% trans "Additional Info" %}</h2>


        <fieldset>
            {% for field in form %}
              {% if not field.field.required %}
              <div>
                    {{ field.label_tag }}
                    {{ field|safe }}
              </div>
              {% endif %}
            {% endfor %}

            </fieldset>
        </div>
    </div>

  </form>
<script type="text/javascript" charset="utf-8">
var myDate=new Date();
myDate.setDate(myDate.getDate()+1)
            $(function()
{

	$('#start-date').bind(
		'dpClosed',
		function(e, selectedDates)
		{
			var d = selectedDates[0];
			if (d) {
				d = new Date(d);
				$('#end-date').dpSetStartDate(d.addDays(1).asString());
			}
		}
	);
	$('#end-date').bind(
		'dpClosed',
		function(e, selectedDates)
		{
			var d = selectedDates[0];
			if (d) {
				d = new Date(d);
				$('#start-date').dpSetEndDate(d.addDays(-1).asString());
			}
		}
	);
});
		</script>
{% endblock %}