@extends('adminlte::page')

@section('title', 'Evaluaciones software')

@section('content_header')
    <h1>Sugerencias - Calificación </h1>

@stop

@section('content')
 

 

    <div class="row ">
        <div class="card card-outline card-info col-8">
            <div class="card-body">
                <table class="table table-striped" id="tabdispositivos">
                    <thead>
                        <tr>
                            <th>Funcionario</th>
                            <th>Sugerencia</th>
                            <th>Fecha</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($sugerencias as $sugerencia)
                        @if($sugerencia->descripcion != '')
                        <tr>
                            <td>{{ $sugerencia->user->name}}</td>
                            <td>{{ $sugerencia->descripcion}}</td>
                            <td>{{\Carbon\Carbon::parse($sugerencia->created_at)->format('d M Y') }}</td>
                        </tr>
                        @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>


        <div class="col-4 float-right  mt-5">
            <div class="info-box bg-warning  ">
                <span class="info-box-icon"><i class="far fa-star"></i></span>
                <div class="info-box-content ">
                    <span class="info-box-text">Calificación promedio </span>{{$total_calificacion}} <span class="info-box-text">Cantidad de calificaciones </span> {{$cant_calificacion}} 

                    <span class="info-box-number"> @if($total_calificacion >= '4') <span class="text-success">BUENA</span> @elseif($total_calificacion < '4' && $total_calificacion > '2')<span class="text-secondary">REGULAR</span> @elseif($total_calificacion < '2'  && $total_calificacion > '0') <span class="text-danger">MALA</span> @elseif( $total_calificacion == '0') <span class="text-danger">No tiene calificaciones aun</span> @endif</span>
                
                </div>
            </div>
        </div>

    </div>
   
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.3.0/css/responsive.bootstrap4.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">


@stop
@section('js')
<script>
    console.log('Hi!');
</script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.3.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.3.0/js/responsive.bootstrap4.min.js"></script>
<script>
    $('#tabdispositivos').DataTable({
        responsive: true,
        autowidth: false,
        "language": {
            "lengthMenu": "Mostrar  _MENU_ registos por página",
            "zeroRecords": "Nada encontrado - disculpa",
            "info": "Mostrando la página _PAGE_ de _PAGES_",
            "infoEmpty": "No hay registros disponibles",
            "infoFiltered": "(Filtrado de  _MAX_ registros totales )",
            "search": "Buscar",
            'paginate': {
                'next': 'Siguiente',
                'previous': 'Anterior'
            }
        }
    });
</script>
@stop