<div>
    <div class="row">
        <div class="col-md-12">
            <h2>
                Tablero de {{$evaluado->name}} - 
                <a href="/objetivos-export/{{$evaluado->id}}">
                    <button class="btn btn-success btn-xs">Exportar Datos</button>
                </a>
                 | 
                <a href="/admin/tableros/vertableros/estadistica/{{$evaluado->id}}">
                    <button class="btn btn-success btn-xs">Ver Estadisticas</button>
                </a>
            </h2><hr>
        </div>
    </div>
    <div class="card">
		<div class="card-body" id="factura">
		    <table class="table table-bordered">
		        <thead style="text-align: center;">
		            <tr>
		                <th class="bg-primary">Objetivos</th>
		                <th class="bg-primary">Indicadores</th>
		                <th class="bg-primary">Meta</th>
		                <th class="bg-primary">Planes de acción</th>
		                <th class="bg-primary">Responsables</th>
		                <th class="bg-primary">Fecha inicio</th>
		                <th class="bg-primary">Fecha fin</th>
		                <th class="bg-primary">Porcentaje de cumplimiento</th>
                        <th class="bg-primary">Status</th>
		            </tr>
		        </thead>
		        <tbody>
                    @foreach($objetivos as $value)
                        <?php
                            if($value->status == "No Realizado"){
                                $fondo='bg-danger';
                            }elseif($value->status == "En Proceso"){
                                $fondo='bg-warning';
                            }elseif($value->status == "Realizado"){
                                $fondo='bg-success';
                            }elseif($value->status == "Suspendido"){
                                $fondo='bg-light';
                            }
                        ?>
                        <tr>
                            <td>{{ $value->objetivos }}</td>
                            <td>{{ $value->indicadores }}</td>
                            <td>{{ $value->meta }}</td>
                            <td>{{ $value->planes }}</td>
                            <td>{{ $value->responsable }}</td>
                            <td>{{ $value->inicio }}</td>
                            <td>{{ $value->fin }}</td>
                            <td>{{ $value->porcentaje }} %</td>
                            <td class="{{$fondo}}">{{ $value->status }}</td>
                        </tr>
                    @endforeach
		        </tbody>
		    </table>
		</div>
		<div class="card-footer" align="center">
            {{$objetivos->links()}}
		</div>
    </div>
</div>