@extends('layouts.master')

@section('css')
@stop

@section('content')      
    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive pre-scrollable" id="tabla">
            <table class="table table-hover">
                <thead>
                    <tr class="info">
                        <th>C&oacute;digo</th>
                        <th>Descripci&oacute;n</th>
                        <th class="text-center">UC</th>
                        <th class="text-center">Calificaci&oacute;n</th>
                        <th class="text-center">Per&iacute;odo</th>
                        <th class="text-center">Tipo</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($notas as $value)
                        <tr>
                            <td>{!!$value->id!!}</td>
                            <td>{!!$value->descripcion!!}</td>
                            <td class="text-center">{!!$value->uc!!}</td>
                            <td class="text-center">{!!$value->nota!!}</td>
                            <td class="text-center">{!!$value->periodo!!}</td>
                            <td class="text-center">{!!$value->tipo!!}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <p>
            <strong>UC Aprobadas:&nbsp;{!!$uc!!}</strong></span><br>
            <strong>Indice Acumulado:&nbsp;{!!$indice!!}</strong></span>
        </p>
    </div>
@stop
@section('postscript')

@stop