{% extends 'App::layout_admin.html.twig' %}

{% block body %}

<div id="page-wrapper" class="gray-bg dashbard-1">
        {% include 'App::header.html.twig' %}
        {% include 'App::subheader.html.twig' with { controller: app.request.attributes.get("_controller") } %}


        <div class="wrapper wrapper-content animated fadeInRight">


            <div class="row">
            <div class="col-lg-12">
            <div class="ibox float-e-margins">

            <div class="ibox-content">

           

            <div class="">
            <a class="btn btn-primary" href="{{ path('app_project_new') }}">Add Project</a>
            </div>

            <p>{{ projects.getTotalItemCount }} elements</p>
            </hr>
            <table class="table table-striped table-bordered table-hover " id="editable" >
            <thead>
            <tr>
                <th>Avatar</th>
                <th>Id</th>
                <th>title</th>
                <th>Replies</th>
          
                 <th>Status</th>
                <th>Actions</th>
                
            </tr>
            </thead>
            <tbody>


           {% for item in projects %}

	            <tr class="gradeX">
                    {% if item.profile.avatar %}
                                <td><img width="80" height="80" src="/uploads/avatar/thumb_{{ item.profile.avatar.path }}"/></td>
                                {% else %}
                                <td><img width="80" height="80" src=""/></td>
                   {% endif %}   
	                <td>
                        <p>{{ item.id }}</p>
                        <p>{{ item.profile.user.username }}</p>
                        <p>{{ item.profile.user.email }}</p>
                    </td>
	                <td>{{ item.title }}</td>
					<td>
	                 <span class="label label-{% if item.replies %}{{ item.replies|length == 0 }}info{% else %}default{% endif %}"

                     	>{% if item.replies %}{{ item.replies|length }}{% endif %} Replies</span>
                     </td>

                    <td class="center">{% if item.status == 1 %}<i class="fa fa-check text-navy"></i>{% else %}<i class="fa fa-times text-danger"></i>{% endif %}</td>
                      <td>

                        <div class="dropdown">
                          <button class="btn btn-xs btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            Action
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="{{ path('app_project_show', {'id': item.id }) }}"><i class="fa fa-eye"></i> Show</a></li>       
                            <li><a href="{{ path('app_project_edit', {'id': item.id }) }}"><i class="fa fa-edit"></i> Edit</a></li>
                            <li><a href="{{ path('app_project_delete', {'id': item.id }) }}"><i class="fa fa-times"></i> Delete</a></li>
                          </ul>
                        </div>
                    </td>
	              
				</tr>

			{% endfor %}



            </tbody>

            </table>

                <div class="navigation">
                    {{ knp_pagination_render(projects) }}
                </div>

            </div>
            </div>
            </div>
            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

        </div>
        </div>

   </div>

{% endblock body %}