@extends('layouts.master')
@section('css')
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
<style type="text/css">
    th {
        text-align: center;
    }
    td {
        vertical-align: middle !important;
    }
</style>
@stop
@section('content')   
    @if(count($grupos)==0)
    <br>
        <div class="alert alert-warning" role="alert">No hay Secciones para listar
        </div>
    @else
        
        <br>
        <div class="table-responsive">
           <table id="carga" class="table table-hover table-bordered" width="100%">
                <thead>
                    <tr class="info">
                        <th>@lang('translate.codigo')</th>
                        <th>@lang('translate.asignatura')</th>
                        <th>@lang('translate.seccion')</th>                           
                        <th>@lang('translate.inscritos')</th>
                        <th>Encuestados</th>
                        <th></th>  
                        <th></th> 
                        @if(verificarPermiso(52)) <th></th>  @endif                     
                    </tr>                   
                </thead>
                <tbody>
                @foreach($grupos as $grupo)                                                 
                    <tr class="text-center">
                        <td>{!! $grupo->cod_mat !!}</td>
                        <td>{!! $grupo->materia !!}</td>
                        <td>{!! $grupo->seccion !!}</td>
                        <td>{!! $grupo->inscritos !!}</td> 
                        <td>{!! $grupo->respondidas !!}</td>                            
                        {!! $grupo->botones!!}                         
                    </tr>
                @endforeach
                </tbody>
            </table> 
        </div>        
    @endif    
    
@stop
@section('postscript')
<!-- Incluyo Javascript de la libreria Datatable -->
{!! Html::script('js/datatable/jquery.dataTables.js') !!}
{!! Html::script('js/datatable/dataTables.bootstrap.js') !!}
<script>
    $(document).ready(function(){
        $('#carga').dataTable();
    });
</script>
@stop