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

{% load review_helpers %}

{% block scripts %}

{{ block.super }}

<script type="text/javascript">

$(document).ready(function () {

  $('#attribute1').html();

}

</script>

{% endblock scripts %}

{% block content %}

<div class="post">

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

	<h1>Review the proposal</h1>

	<p>The proposal details are given below followed by a Review form.</p>

  <div class='review-center-box'>

    <div class='review-left'>

      Project MICR Code:

    </div>

    <div class='review-right'>

      {{ project.micr_code }}

    </div>

    <br/>

    <div class='review-left'>

      Institution:

    </div>

    <div class='review-right'>

      {{ project.institution }}

    </div>

    <br/>

    <div class='review-left'>

      Project Line Item:

    </div>

    <div class='review-right'>

      {{ project.line_item }}

    </div>

    <br/>

    <div class='review-left'>

      State:

    </div>

    <div class='review-right'>

      {{ project.state }}

    </div>

    <br/>

    <div class='review-left'>

      District:

    </div>

    <div class='review-right'>

      {{ project.district }}

    </div>

    <br/>

    <div class='review-left'>

      Proposal Document:

    </div>

    <div class='review-right'>

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

    </div>

  </div>

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

		<p>

      <p>

      {% if form.comment.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 %}",

            "        {{ form.comment.help_text|linebreaksbr|escapejs }}",

            "      {% endautoescape %}",

            "    </p>",

            "  </div>",

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

            "</div>"

            ].join("");

            var tooltip_object=null;

            var documented = $("#id_{{ form.comment.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 %}

      {{ form.comment.errors }}

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

      </p>

      <p>

        {{ form.attribute1.errors }}

        {{ form.attribute1.label_tag }}

        <input id="attribute1" name="attribute1" type="radio" class="star" value="1"/>

        <input id="attribute1" name="attribute1" type="radio" class="star" value="2"/>

        <input id="attribute1" name="attribute1" type="radio" class="star" value="3"/>

        <input id="attribute1" name="attribute1" type="radio" class="star" value="4" />

        <input id="attribute1" name="attribute1" type="radio" class="star" value="5"/> 

        {% if form.attribute1.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute2.errors }}

        {{ form.attribute2.label_tag }}

        <input name="attribute2" type="radio" class="star" value="1"/>

        <input name="attribute2" type="radio" class="star" value="2"/>

        <input name="attribute2" type="radio" class="star" value="3"/>

        <input name="attribute2" type="radio" class="star" value="4"/>

        <input name="attribute2" type="radio" class="star" value="5"/> 

        {% if form.attribute2.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute3.errors }}

        {{ form.attribute3.label_tag }}

        <input name="attribute3" type="radio" class="star" value="1"/>

        <input name="attribute3" type="radio" class="star" value="2"/>

        <input name="attribute3" type="radio" class="star" value="3"/>

        <input name="attribute3" type="radio" class="star" value="4"/>

        <input name="attribute3" type="radio" class="star" value="5"/> 

        {% if form.attribute3.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute4.errors }}

        {{ form.attribute4.label_tag }}

        <input name="attribute4" type="radio" class="star" value="1"/>

        <input name="attribute4" type="radio" class="star" value="2"/>

        <input name="attribute4" type="radio" class="star" value="3"/>

        <input name="attribute4" type="radio" class="star" value="4"/>

        <input name="attribute4" type="radio" class="star" value="5"/> 

        {% if form.attribute4.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute5.errors }}

        {{ form.attribute5.label_tag }}

        <input name="attribute5" type="radio" class="star" value="1"/>

        <input name="attribute5" type="radio" class="star" value="2"/>

        <input name="attribute5" type="radio" class="star" value="3"/>

        <input name="attribute5" type="radio" class="star" value="4"/>

        <input name="attribute5" type="radio" class="star" value="5"/> 

        {% if form.attribute5.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute6.errors }}

        {{ form.attribute6.label_tag }}

        <input name="attribute6" type="radio" class="star" value="1"/>

        <input name="attribute6" type="radio" class="star" value="2"/>

        <input name="attribute6" type="radio" class="star" value="3"/>

        <input name="attribute6" type="radio" class="star" value="4"/>

        <input name="attribute6" type="radio" class="star" value="5"/> 

        {% if form.attribute6.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute7.errors }}

        {{ form.attribute7.label_tag }}

        <input name="attribute7" type="radio" class="star" value="1"/>

        <input name="attribute7" type="radio" class="star" value="2"/>

        <input name="attribute7" type="radio" class="star" value="3"/>

        <input name="attribute7" type="radio" class="star" value="4"/>

        <input name="attribute7" type="radio" class="star" value="5"/> 

        {% if form.attribute7.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute8.errors }}

        {{ form.attribute8.label_tag }}

        <input name="attribute8" type="radio" class="star" value="1"/>

        <input name="attribute8" type="radio" class="star" value="2"/>

        <input name="attribute8" type="radio" class="star" value="3"/>

        <input name="attribute8" type="radio" class="star" value="4"/>

        <input name="attribute8" type="radio" class="star" value="5"/> 

        {% if form.attribute8.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

      <p>

        {{ form.attribute9.errors }}

        {{ form.attribute9.label_tag }}

        <input name="attribute9" type="radio" class="star" value="1"/>

        <input name="attribute9" type="radio" class="star" value="2"/>

        <input name="attribute9" type="radio" class="star" value="3"/>

        <input name="attribute9" type="radio" class="star" value="4"/>

        <input name="attribute9" type="radio" class="star" value="5"/> 

        {% if form.attribute9.field.required %}<span class="specialclass">&nbsp;&nbsp;(required)</span>{% endif %}

      </p>

		<br />	

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

		</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>

  {% if reviews %}

  <br /><br />

  <p>

  <h2>Reviews: Comments and Scores:</h2>

	{% for review in reviews %}

	  {% as_review review %}

	{% endfor %}

	</p>

	{% endif %}

</div>

{% endblock content %}