{% extends 'ProjectManagerBundle::layout.html.twig' %}
{% block title %}Project Team{% endblock %}
{% block body %}
{{parent()}}

<form style="display:inline;" action="{{ path('project_manager_homepage') }}" name="back" method="post">
            <button class="btn btn-mini btn-info"><i class=" icon-arrow-left"></i> Back to List</button>
</form>

<form style="display:inline;"  action="{{ path('project_manager_show', { 'id': entity.id }) }}" name="Team" method="post">
            <button class="btn btn-mini"><i class="icon-list-alt"></i> Project Info</button>
</form>

<form style="display:inline;"  action="{{ path('project_manager_team', { 'id': entity.id }) }}" name="Team" method="post">
            <button class="btn btn-mini"><i class="icon-user"></i> Project Team</button>
</form>

<form style="display:inline;"  action="{{ path('project_manager_edit', { 'id': entity.id }) }}" name="Team" method="post">
            <button class="btn btn-mini"><i class="icon-tasks"></i> Tasks</button>
</form>

<form style="display:inline;"  action="{{ path('project_manager_edit', { 'id': entity.id }) }}" name="Team" method="post">
            <button class="btn btn-mini"><i class="icon-file"></i> Project Documents</button>
</form>

<form style="display:inline;"  action="{{ path('project_manager_edit', { 'id': entity.id }) }}" name="Team" method="post">
            <button class="btn btn-mini"><i class="icon-time"></i> Hours</button>
</form>



<h2 class="text-right"><small>Project:</small> {{entity.name |title}} Team</h2>
<hr>
<button class="btn btn-danger" data-toggle="collapse" data-target="#demo">
		   		Show Project Team
			</button>
 			
 			
<input type="button" onclick="pop()" value="Provam...">
			<div id="demo" class="collapse out"> 
			<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a>
			
<h3>Team list</h3>
<table class="table table-bordered">
    <thead>
        <tr>
            <th>User</th>
            <th>Actions</th>

        </tr>
    </thead>
    <tbody>
    {% for project in project %}
        <tr>
            <td>{{ project.username }}</td>
            <td>
                <ul>
                    <li>
                        <a href="{{ path('eprojectusers_show', { 'id': entity.id }) }}">show</a>
                    </li>
                    <li>
                        <a href="{{ path('eprojectusers_edit', { 'id': entity.id }) }}">edit</a>
                    </li>
                </ul>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>

</div><br>
{% endblock %}

{% block javascripts %}
	{{parent()}}
		<script>
		$(function() {
			$( ".date" ).datepicker();
			$('#element').tooltip('show');
			$( ".format" ).change(function() {
			$( ".date" ).datepicker( "option", "drop", $( this ).val() );
		});	
		});
		</script>
		<script>
		function pop()
		{
			for (var i = 0; i <= 2; i++) {
				alert("SOC UN POPUP DE CONEIX");
			};
		}
		</script>
{% endblock %}