{% extends 'EPSOBundle::index.html.twig' %}
    {% block body %}



<div class="col-md-12">

<h2 style="margin-top:0px" ><i class="glyphicon glyphicon-list"></i> Music List</h2><hr>

</div>


<div class="col-md-12">

<a href="{{path('music_add')}}" class="btn btn-info btn-sm"><i class="glyphicon glyphicon-plus"></i> Add Music</a>


</br>
</br>











<table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
<thead> 

<tr>
<th>Title</th>
<th>Description</th>
<th>Date</th>
<th>Run time</th>
<th>Type</th>
<th>Src</th>
<th>Icon</th>

<th></th>


</tr>
</thead> 

<tbody>


{% for music in musics %}




<tr class="odd gradeX">
<td>{{music.Title}}</td>
<td>{{music.Description}}</td>
<td>{{music.Date|date("m/d/Y")}}</td>
<td>{{music.RunTime}}</td>
<td>{{music.Type}}</td>
<td>{{music.Src}}</td>
<td><img style="width:50px;height:50px;text-align:center" src="{{ asset('uploads/music/'~music.path) }}" alt="..." class="img-rounded img-responsive center-block">
</td>




<td>
<a href="{{path('music_update',{'id':music.id})}}" class="btn btn-warning btn-xs"><i class="glyphicon glyphicon-pencil"></i></a>
<a href="{{path('music_delete',{'id':music.id})}}" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>

</td>

</tr>

{% endfor%}



</tbody>

</table>











   {% endblock %}