{% extends "projrev/base.html" %}

{% block scripts %}

{{ block.super }}

<script language="JavaScript" type="text/javascript" src="/site-content/js/jquery.chainedSelects.js"></script>

<script language="JavaScript" type="text/javascript">

  $(function()

  {

    $('#id_state').chainSelect('#id_district','/proposal/submit/get_dfors');

  });

  $(document).ready(function() {

	  dt_val = $('#id_district').val();

	  $.getJSON('/proposal/submit/get_new_dfors',

		{ '_value': $('#id_state').val() }, 

		function(data) {

			var option_html = "";

			for (i in data) {

				if (data[i]) {

				  for (key in data[i]) {

					  if (key == dt_val) {

						  option_html += '<option selected="selected" value="'+ key +'">'+ data[i][key] +'</option>';

					  } else {

					    option_html += '<option value="'+ key +'">'+ data[i][key] +'</option>';

					  }

				  }

				}

			}

      $('#id_district').html(option_html);

	  });

  });

</script>

{% endblock scripts %}

{% block content %}

<div class="post">

	<a name="TemplateInfo"></a>	

	<h1>Submit your proposal</h1>

  {% if created_now %}

    <p>An MICR Code has been assigned and e-mailed to you. Please remember it for future reference.</p>

  {% else %}{% if micr_code %}

    <p>Edit your details and upload new version of the proposal in the form below.</p>

  {% else %}

    <p>Fill up the form below, and upload your proposal file by clicking on Browse.</p>

  {% endif %}{% endif %}

	<form enctype="multipart/form-data" method="post" action="">			

		<p>

    {% for field in form %}

      <p>

      {% if field.help_text %}

        <script type="text/javascript">

          $(document).ready( function() {

            var tooltip = [

            "<div class='tooltip'>",

            "  <div class='tooltip-body'>",

            "    <img src='/site-content/images/info.png' alt='' />",

            "    <h3>Info</h3>",

            "    <p>",

            "      {% autoescape off %}",

            "        {{ field.help_text|linebreaksbr|escapejs }}",

            "      {% endautoescape %}",

            "    </p>",

            "  </div>",

            "  <div class='tooltip-bottom'></div>",

            "</div>"

            ].join("");

            var tooltip_object=null;

            var documented = $("#id_{{ field.name }}");

            var not_fieldset = documented.attr('tagName') !== 'FIELDSET';

            if (not_fieldset) {

              documented.focus(function() {

                if (tooltip_object==null) {

                  tooltip_object = $(tooltip).purr({usingTransparentPNG: true,removeTimer: 10000});

                }

              });

              documented.blur(function() {

                if (tooltip_object!==null) {

                  tooltip_object.remove();

                  tooltip_object=null;

                }

              });

            }

            else {

              documented.find("input").hover(function() {

                if (tooltip_object==null) {

                  tooltip_object = $(tooltip).purr({usingTransparentPNG: true,removeTimer: 10000});

                }

              },

              function() {

                if (tooltip_object!==null) {

                  tooltip_object.remove();

                  tooltip_object=null;

                }

              });

            }

          });

        </script>

      {% endif %}

      {{ field.errors }}

      {{ field.label_tag }}:{{ field }}{% if field.field.required %}<span class="special_class">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

    {% endfor %}

      {% if proposal_path %}

        <p>

          <label for="id_proposal">Previous Proposal Document:</label>

          <a class="document-right" href="/site-content/{{ proposal_path }}">{{ proposal_name }}</a>

        </p>

      {% endif %}

      {% if micr_code %}

        <p>

          <label for="id_micr_code">MICR Code:</label>

          <input id="id_micr_code" type="text" maxlength="15" value="{{ micr_code }}" name="institution" DISABLED />

        </p>

      {% endif %}

		  <br />	

		  <input class="button" type="submit" value="Submit Proposal" />		

		</p>		

	</form>

	<p class="post-footer align-right">

		<span class="comments">Reviews:

		{% if nr_reviews %}

		  {{ nr_reviews }}

		{% else %}

		  (<i>None</i>)

		{% endif %}

		</span>

		<span class="date">Last reviewed:

		{% if last_reviewed %}

      {{ last_reviewed|date:"jS F Y h:iA" }}

    {% else %}

      (<i>Not Reviewed</i>)

    {% endif %}

		</span>

		<span class="date">Last submitted:

		{% if last_submitted %}

      {{ last_submitted|date:"jS F Y h:iA" }}

    {% else %}

      (<i>New Submission</i>)

    {% endif %} 

		</span>	

	</p>

</div>

{% endblock content %}