{% extends "templates/web.html" %}

{% block title %}{{ doc.project_name }}{% endblock %}

{%- from "templates/includes/projects/macros.html" import back_link -%}

{% block header_actions %}
{% include 'templates/includes/projects/project_search_box.html' %}
{% endblock %}

{% block breadcrumbs %}
   <div class="page-breadcrumbs" data-html-block="breadcrumbs">
   	<ul class="breadcrumb">
   		<li>
   			<span class="icon icon-angle-left"></span>
   			<a href="/project">Projects</a>
   		</li>
   	</ul>
   </div>
{% endblock %}


{% block style %}
	<style>
		{% include "templates/includes/projects.css" %}
	</style>
{% endblock %}


{% block page_content %}

<div class="row">
<div class="col-xs-6">
<h2 class= "title">
	{{ doc.project_name }}
</h2>
</div>
<div class="col-xs-6">
	{% if doc.percent_complete %}
		<div class="progress progress-hg">
		  <div class="progress-bar progress-bar-warning active" role="progressbar" 
		  	aria-valuenow="{{ doc.percent_complete|round|int }}"
		  	aria-valuemin="0" aria-valuemax="100" style="width:{{ doc.percent_complete|round|int }}%;">		    
		  </div>
		</div>
	{% endif %}
</div>
</div>
<hr class="small">
	
<div class="clearfix">
  <h4 style="float: left;">{{ _("Tasks") }}</h4>
  <a class="btn btn-secondary btn-default" style="float: right; position: relative; top: 20px;" href='/tasks?new=1&project={{ doc.project_name }}{{ back_link(doc) }}'>New task</a>
</div>

<p>
<a class='small underline task-status-switch' data-status='Open'>{{ _("Show closed") }}</a>
</p>

{% if doc.tasks %}
	<div class='project-task-section'>
		<div class='project-task'>
		{% include "erpnext/templates/includes/projects/project_tasks.html" %}
		</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>

<h4>{{ _("Time Logs") }}</h4>

{% if doc.timelogs %}
	<div class='project-timelogs'>
	{% include "erpnext/templates/includes/projects/project_timelogs.html" %}
	</div>
	{% if doc.timelogs|length > 9 %}
		<p><a class='more-timelogs small underline'>{{ _("More") }}</a><p>
	{% endif %}
{% else %}
	<p class="text-muted">No time logs</p>
{% endif %}
</div>

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

{% endblock %}