{% extends 'layout/backEndLayout.html.twig' %}



{% block content %}
  
    
        <div class="row mt-4">
            <div class="col-lg-1" >
                <a class="btn btn-info" href="{{ path('admin_cycles_new') }}">
                    <i class="fa fa-plus"></i>
                </a>
            </div>
             <div class="col-11 jumbotron" >
                 <div class="m-1 box-shadow">
                    <div class="card-header">
                         <h4 class="my-0 font-weight-normal text-center text-justify text-uppercase"> Liste des cycles configures </h4>
                    </div>
                <table  width="100%" class="table table-striped">
                    <thead>
                        <tr>
                            <th style="width:15%;" class="text-center" scope="col">#</th>
                            <th style="width:20%;" class="text-center" scope="col">Program</th>
                            <th style="width:20%;" class="text-center" scope="col">Section</th>
                              <th style="width:20%;" class="text-center" scope="col">Cycle</th>
                            <th style="width:25%;" class="text-center" scope="col">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for cycle in cycles %}
                            <tr>
                                <td style="width:15%;" class="text-center" scope="row">{{ loop.index }}</th>
                                <td style="width:15%;" class="text-center" ><a href="{{ path('admin_programs_show', {id: cycle.section.program.id}) }}"><h3>{{ cycle.section.program.name }}</h3></a></td>
                             
                                 <td style="width:15%;" class="text-center" ><a href="{{ path('admin_sections_show', {id: cycle.section.id}) }}"><h3>{{ cycle.section.name }}</h3></a></td>
                             
                                <td style="width:15%;" class="text-center" ><a href="{{ path('admin_cycles_show', {id: cycle.id}) }}"><h3>{{ cycle.name }}</h3></a></td>
                             
                                
                                <td style="width:15%;" class="text-center">
                                    <div class="btn-group">
                                         <a class="btn btn-outline-info" href="{{ path('admin_cycles_show', {id: cycle.id}) }}">
                                                    <i class="fa fa-eye" aria-hidden="true"></i> 
                                        </a>
                                        <a class="btn btn-outline-warning" href="{{path('admin_cycles_edit', {id: cycle.id})}}"> 
                                                <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                        </a>
                                        
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            
        </div>
   
{% endblock %}