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



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

<h2 style="margin-top:0px" ><i class="glyphicon glyphicon-facetime-video"></i> VOD Category List</h2><hr>

</div>


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

<a href="{{path('catradio_add')}}" class="btn btn-info btn-sm"><i class="glyphicon glyphicon-plus"></i> Add VOD Category</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>Color</th>
<th>Position</th>
<td>Active</td>
<th>Icon</th>

<th></th>


</tr>
</thead> 

<tbody>


{% for catradio in catradios %}




<tr class="odd gradeX">
<td>{{catradio.Title}}</td>
<td>{{catradio.Description}}</td>
<td>{{catradio.Color}}</td>
<td>{{catradio.Position}}</td>
<td>{{catradio.Active}}</td>

<td>
<img style="width:50px;height:50px;text-align:center" src="{{ asset('uploads/catradio/'~catradio.path) }}" alt="..." class="img-rounded img-responsive center-block">


</td>


<td>
<a href="{{path('catradio_update',{'id':catradio.id})}}" class="btn btn-warning btn-xs"><i class="glyphicon glyphicon-pencil"></i></a>
<a href="{{path('catradio_delete',{'id':catradio.id})}}" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
<a href="{{path('radio',{'id':catradio.id})}}" class="btn btn-dark btn-xs"><i class="glyphicon glyphicon-list"></i></a>

</td>

</tr>

{% endfor%}



</tbody>

</table>








   {% endblock %}