{% set months = {1:"Jan", 2:"Feb", 3:"Mar", 4:"Apr", 5:"May", 6:"Jun", 7:"Jul", 8:"Aug", 9:"Sep", 10:"Oct", 11:"Nov", 12:"Dec"} %}
<div class="well">
	<a href="javascript:AddUserTask()" class="btn pull-left">Add Task</a>
	<form class="form-inline pull-right" role="" method="">
        <div>
            <label class="sr-only" for="search">Search</label>
            <input type="text" name="open_search" id="open_search" placeholder="Search for" value="{{ search_str }}">
            
            <div class="btn-group">
                <a class="btn btn-default" href="javascript:fetchOpenTasks()">Go</a>
            </div>
        </div>
	</form>
    <div class="clearfix"></div>

	{% if show_all == true %}<h5>All Open Tasks</h5>{% else %}<h5>Open Tasks</h5>{% endif %}
	<table class="table table-bordered table-extra-condensed">
		<tr><th width="50px">Date</th><th width="20px"></th><th>Task</th><th width="60px">Period</th><th width="100px">Linked Item</th><th width="50px">Created</th><th width="50px">Assigned</th><th width="50px">State</th><th width="20px"></th></tr>
		{% for task in open_tasks %}
		{% if task.account is not null %}
			{% set account_id = task.account.id %}
		{% else %}
			{% set account_id = null %}
		{% endif %}
		{% if task.maAccount is not null %}
			{% set maAccount_id = task.maAccount.id %}
		{% else %}
			{% set maAccount_id = null %}
		{% endif %}
		{% set task_info = d2_partner_get_task_item_info(task.periodMonth, task.periodYear, task.itemType, account_id, maAccount_id, task.itemId) %}
		<tr class="open_task_row" title="{{ task.title }}" id="task_row_{{ task.id }}" data-id="{{ task.id }}">
			<td>{{ task.startDate|date("Y/m/d") }}</td>
			<td>
				{% if task.priority == 0 %}
				<img src="{{ asset('bundles/d2core/images/priority_red.png') }}" title="High Priority" alt="" width="16" /></td>
				{% elseif task.priority == 1 %}
				<img src="{{ asset('bundles/d2core/images/priority_yellow.png') }}" title="Medium Priority" alt="" width="16" /></td>
				{% else %}
				<img src="{{ asset('bundles/d2core/images/priority_green.png') }}" title="Low Priority" alt="" width="16" /></td>
				{% endif %}
			<td class="open_task_row_history"><b><a href="javascript:EditUserTask({{ task.id }})">{{ task.title }}</a> <span class="pull-right">{% if task.account %} {{ task.account.internalName }} {% endif %} {% if task.maAccount %} {{ task.maAccount.maAccountName }} {% endif %} {{ task.itemType }} {% if task.closed %}(CLOSED ON {{ task.closeDate|date("Y/m/d") }}){% endif %}</b></span><span class="open_task_history" style="display:none"><br/><br/>{{ task.history|raw }}</span></td>
			<td>{{ months[task.periodMonth] }}/{{ task.periodYear }}</td>
			<td><a target="_default" href="{{ task_info['url'] }}">{{ task_info['text'] }}</a></td>
			<td>{% if task.getCreatedBy %}{{ task.getCreatedBy.getUsername|trim }} {% else %} Unknown {% endif %}</td>
			<td>{% if task.getUser %}{{ task.getUser.getUsername|trim }} {% else %} Unknown {% endif %}</td>
			<td>{{ state_options[task.state] }}</td>
			<td>{% if task.closed == false %}<a href="javascript:CloseUserTask({{ task.id }})"><img src="{{ asset('bundles/d2core/images/cross.png') }}" title="Close Task" alt="" width="10" /></a>{% endif %}</td>
		</tr>
		{% endfor %}
	</table>
	{#
	<div class="pagination pull-right">
		{{ knp_pagination_render(open_tasks) }}
	</div>
	#}
	<div class="clearfix"></div>
</div>
<script>
	$('.open_task_header').on('click', function() {
		$('.open_task_row').toggle();
	});

	$('.open_task_row_history').on('click', function() {
		sel_item = $(this).find('span.open_task_history');
		sel_item.toggle();
	});
</script>