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

            <p>{{ showcases.getTotalItemCount }} elements</p>
            </hr>

            <table class="table table-striped table-bordered table-hover " id="editable" >
            <thead>
            <tr>
            
                <th>Id</th>
                <th>picture</th>
                <th>title</th>
              
          
                 <th>url</th>
                <th>Actions</th>
                
            </tr>
            </thead>
            <tbody>


           {% for item in showcases %}

	            <tr class="gradeX">
                       
	                <td>
                        <p>{{ item.id }}</p>
                        <p>{{ item.profile.user.username }}</p>
                        <p>{{ item.profile.user.email }}</p>
                    </td>

                    {% if item.screenshot  %}
                    <td><img width="80" height="80" src="/uploads/screenshot/{{ item.screenshot.path }}"/></td>


                     {% else %}

                    <td><img width="80" height="80" src="http://www.targetsportscanada.com/sites/default/files/default_images/photo.jpg_1.gif"/></td>

                    {% endif %}


	                <td>{{ item.title }}</td>
                    <td>{{ item.url }}</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_showcase_show', {'id': item.id }) }}"><i class="fa fa-eye"></i> Show</a></li> 
                            <li><a href="{{ path('app_showcase_edit', {'id': item.id }) }}"><i class="fa fa-edit"></i> Edit</a></li>
                            <li><a href="{{ path('app_showcase_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(showcases) }}
                </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 %}