Edit project customer portal page

1

i write the below code to edit customer portal for project section so in need to display information about the task into the project page but not working

{% block page_content %}
{% if doc.status=="Open" %}
<div class="web-list-item">
	<a class="no-decoration" href="/projects?project={{ doc.name }}">
 		<div class="row">
			<div class="col-xs-6">

				{{ doc.name }}
			</div>
			<div class="col-xs-3">
				{% if doc.percent_complete %}
					<div class="progress" style="margin-bottom: 0!important; margin-top: 10px!important; height:5px;">
					  <div class="progress-bar progress-bar-{{ "warning" if doc.percent_complete|round < 100 else "success"}}" role="progressbar"
					  	aria-valuenow="{{ doc.percent_complete|round|int }}"
					  	aria-valuemin="0" aria-valuemax="100" style="width:{{ doc.percent_complete|round|int }}%;">
					  </div>
					</div>
				{% else %}
					<span class="indicator {{ "red" if doc.status=="Open" else "darkgrey"  }}">
						{{ doc.status }}</span>
				{% endif %}
			</div>
<p id="demo">Project Comlation {{ doc.percent_complete }}%</p>
			<div class="col-xs-3 text-right small text-muted">
				{{ frappe.utils.pretty_date(doc.modified) }}
			</div>
		</div>
	</a>
</div>
{% endif %}

{% if doc.tasks %}
	
	<div class='task'>
		<div class='row project-item'>
		<p id="demo">Project Comlation {{ doc.tasks.subject }}</p>
		</div>
		<p><a id= 'more-task' style='display: none;' class='more-tasks small underline'>{{ _("More") }}</a><p>

	</div>

{% else %}
	<p class="text-muted">{{ _("No tasks") }}</p>

{% endif %}


<div class='padding'></div>



<script>
	{% include "erpnext/templates/pages/projects.js" %}
</script>

{% endblock %}