<%@page_title = @backlog.name %>
<div id="spotlight">
    <div class="btitle">
        <%=render :partial => 'buttons' %><h4><%=l :tasks %></h4>
    </div>
    <div id="active_tasks"<%=' style="display: none;"' unless @tasks and not @tasks.empty? %>>
        <%#=render :partial => '/tasks/backlog_header', :locals => {:backlog => @backlog, :track_times => @tasks.find {|t|t.period && t.period.active?}} %>
		<%i = 0 %>
		<% periods = @tasks.map {|t| t.period}.uniq %>
		<% period_ids = periods.map {|period| "active_tasks_#{period ? period.id : ''}"} %>
		<%for period in periods %>
		    <% tasks_in_period = @tasks.select {|t| t.period_id == (period && period.id)} %>
			<% work_done = !tasks_in_period.find{|t| t.total_done > 0}.nil? %>
          	<%=render :partial => '/tasks/period_header', :locals => {:period => period} if @backlog.enable_periods %>
			<%=render :partial => '/tasks/fields_header', :locals => {:backlog => @backlog, :active => true, :track_times => tasks_in_period.find {|t|t.period && t.period.active?}, :work_done => work_done} %>
        	<ul id="active_tasks_<%=period ? period.id : '' %>" class="task_list">
				<%for @task in tasks_in_period %>
					<%=render :partial => '/tasks/task/', :locals => {:task => @task, :i => i += 1, :active => true, :highlight_task => false, :update => :maincontent, :show_backlog => false, :hidden => false} %>
				<%end %>
        	</ul>
        <% end %>
		<%for period in periods %>
	        <%=sortable_element "active_tasks_#{period ? period.id : ''}", :url => { :action => :order }, :containment => period_ids, :constraint => false %>
        <% end %>
    </div>
    <p id="no_tasks_message"<%=' style="display: none;"' if @tasks and not @tasks.empty? %>>
        <%=l :no_pending_tasks_in_backlog %>
    </p>
    <%=back_or_link_to(l(:back)) %>
</div>
<div id="maincontent">
    <div class="mainblock">
        <div class="btitle">
            <h4><%=l(:completed_tasks) %></h4>
        </div>
        <%=render :partial => '/tasks/completed', :locals => {:i => 1} %>
    </div>
</div>