{% 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_reply_new') }}">Add Reply</a>
            </div>

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


           {% for item in replies %}

	            <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>
                        {% if item.profile and item.profile.user %}
                            <p>{{ item.profile.user.username }}</p>
                            <p>{{ item.profile.user.email }}</p>
                         {% endif %}

                    </td>
                     <td>
                        {% if item.project %}

                            <p>{{ item.project.id }}</p>
                            <p>{{ item.project.profile.user.username }}</p>
                            <p>{{ item.project.profile.user.email }}</p>

                        {% endif %}
                    </td>
	                <td>{{ item.title }}</td>
                     <td>{{ item.offer }} €</td>
					 <td class="center">
                        {% if item.notification == 1 %}
                            {% if item.status == 1 %}
                                <span class="label label-primary">acceptée</span>
                            {% else %}
                                <span class="label label-warning">lue</span>

                            {% endif %}

                            

                        {% else %}
                            <span class="label label-success">Envoyée
                        {% endif %}</span>

                    </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_reply_show', {'id': item.id }) }}"><i class="fa fa-eye"></i> Show</a></li> 
                            <li><a href="{{ path('app_reply_edit', {'id': item.id }) }}"><i class="fa fa-edit"></i> Edit</a></li>
                            <li><a href="{{ path('app_reply_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(replies) }}
                </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 %}