{% 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_programs_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 programes 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:40%;" class="text-center" scope="col">Nom</th>
                            <th style="width:45%;" class="text-center" scope="col">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for program in programs %}
                            <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: program.id}) }}"><h3>{{ program.name }}</h3></a></td>
                             
                                
                                <td style="width:15%;" class="text-center">
                                    <div class="btn-group">
                                        
                                        <a class="btn btn-outline-warning" href="{{path('admin_programs_edit', {id: program.id})}}"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i>

                                          
                                        </a>
                                        
                                          
                                       
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            
        </div>
   
{% endblock %}