@extends('header_nuevo_generico')
@section('main')

<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center pt-5 mt-5">
        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-9">
            <h1 class="text-fidelitas text-center display-6">Reporte de Teams</h1>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-center pt-5 mt-5">
        <!-- -->
        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-9">
            <div class="card shadow">
                <div class="card-body">
                    <h3 class="card-title text-center"><i class="bi bi-people-fill"></i> Teams Activos ({{ $c_teams }})
                    </h3>
                </div>
            </div>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-center pt-5 mt-5">
        <!-- -->
        @foreach($teams as $team)
            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-9 my-2">
                <div class="card shadow">
                    <div class="card-header bg-gradient bg-fidelitas text-white">
                        <h3 class="card-title text-center">{{ $team->nombre }}</h3>
                    </div>
                    <!-- -->
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <h6 class="text-center">Informes</h6>
                                <ul class="list-group overflow-scroll">
                                    <li class="list-group-item text-center">Aprobados <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">En espera <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">En proceso <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">En gestion <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">Anulados <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">No calificado <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                </ul>
                            </div>
                            <div class="col-6">
                                <h6 class="text-center">Tareas</h6>
                                <!-- -->
                                <ul class="list-group overflow-scroll">
                                    <li class="list-group-item text-center">Aprobadas <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">En espera <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">En proceso <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">Anuladas <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">No calificadas <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">A completar <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                    <li class="list-group-item text-center">Finalizadas <span
                                            class="badge bg-fidelitas-secondary rounded-pill">4</span></li>
                                </ul>
                                <!-- -->
                            </div>
                        </div>
                        <!-- -->
                        <div class="row mt-3">
                            <h6 class="text-center"><i class="bi bi-person-circle"></i> Usuarios : 4</h6>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
        <!-- -->
    </div>
</div>

@endsection
@section('funcionesJS')
<script>
    $(document).ready(function () {
        return undefined;
    });
</script>
@endsection