{% extends 'ProjectManagerBundle::layout.html.twig' %}
{% block title %}Project Companies{% endblock %}

{% set active = 3 %}

{% block body  %}
{{parent()}}
<h5><small>PM</small> People</h5>
<hr>

{#% for u in users%}
    <div>
    Project Name:{{u.project.name}}
    </div>
    <div>
        <ol>
        {%for pu in u.users%}
            <li>{{pu.username}}</li>
        {%endfor%}
        </ol>
    </div>
    <br><br>
{% endfor %#}

<table class="table table-neo table-condensed">
    <tr>
        <th><center>User</center></th>
        <th><center>Last Name</center></th>
        <th><center>Picture</center></th>
        <th><center>Project</center></th>
    </tr>
    {% for u in users%}
        {% for pu in u.users %}
            <tr>
                <td>
                    <center>{{pu.name}}</center>
                </td>
                <td>
                    <center>{{pu.firstlastname}}</center>
                </td>
                <td>
                    <center><img src="{{ asset(pu.picturepath) }}" width="40" height="40" /></center>
                    {#<center>
                        <ul class="thumbnails">
                            <li>
                                <a href="{{ asset(pu.picturepath) }}" class="thumbnail">
                                    <img data-src="holder.js/300x200" alt="hola">
                                </a>
                            </li>
                        </ul>                    
                    </center>#}
                </td>
                <td>
                    <center>{{u.project.name}}</center>
                </td>
            </tr>
        {% endfor %}
    {% endfor %}
    
</table>

{% endblock %}

{%block javascript%}
    {{parent()}}
      <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>
{%endblock%}