{% extends "frame.html" %}
{% load comments %}
{% block title %}Comments{% endblock %}

{% block content %}
	<script language=javascript type='text/javascript'> 
	function showHide(shID) {
		if (document.getElementById(shID)) {
			if (document.getElementById(shID+'-show').style.display != 'none') {
				document.getElementById(shID+'-show').style.display = 'none';
				document.getElementById(shID).style.display = 'block';
			}
			else {
				document.getElementById(shID+'-show').style.display = 'inline';
				document.getElementById(shID).style.display = 'none';
			}
		}
	}
	
	</script>
	<style type="text/css">
	.more {
		display: none;
		
	}
	
	p.date {
		font-weight: bold;
		color: gray;
	}
	
	.comment {
		border-top: 1px dotted;
	}
	</style>
		
		<h1>Comments on the pathway titled "{{submission.html_title}}"</h1>
		<h2>by {{ submission.owner }}</h2>
		<p><a href="{{submission.get_absolute_url}}">Go to the pathway</a></p>
		<p><a><img height="60px" href="#" src="/preview/images/post.png" id="formDesc-show" class="showLink" onclick="showHide('formDesc');return false;"></a></p>
		
		{% render_comment_form for submission %}
	
			{% get_comment_list for submission as comment_list %}
			{% for comment in comment_list reversed %}
			<div class="comment">
				<p class="date">Posted on {{comment.submit_date|date:"D d M Y"}}</p>
				<p class="commentText">{{comment.comment}}</p>
				<br/>
			</div>
			{% endfor %}
		
		
{% endblock %}