@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            @include('layouts.sidebar')

            <div class="col-md-10">
                <div class="card">
                    <div class="panel panel-default">
                    <div class="card-header">
                        Análise do Sis-Cuidadores
                    </div>

                    <div class="card-body">

                        @if(Session::has('mensagem_sucesso'))
                            <div class="alert alert-success">
                                <strong>Alerta!</strong> {{Session::get('mensagem_sucesso')}}
                            </div>
                        @endif

                        @if(Session::has('mensagem_danger'))
                            <div class="alert alert-danger">
                                <strong>Error!</strong> {{Session::get('mensagem_danger')}}
                            </div>
                        @endif

                        <div id="area1" class="area col-sm-3 m-0 p-0 pt-2 pb-3 pr-1">
                            <div class="border-box">
                                <div class="small-box bg-green">
                                    <div class="inner inner-box">
                                        <h3 class="m-0 p-0">{{$count_matriculas_total}}</h3>
                                        <p class="m-0 p-0">Quantidade de Matrículas</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fas fa-graduation-cap"></i>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="area2" class="area col-sm-3 m-0 p-0 pt-2 pb-3 pl-1 pr-1">
                            <div class="border-box">
                                <div class="small-box bg-red">
                                    <div class="inner inner-box">
                                        <h3 class="m-0 p-0">{{$count_matriculas_vencidas}}</h3>
                                        <p class="m-0 p-0">Quantidade de Matrículas Atradadas</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fas fa-graduation-cap"></i>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="area3" class="area col-sm-3 m-0 p-0 pt-2 pb-3 pl-1 pr-1">
                            <div class="border-box">
                                <div class="small-box bg-aqua">
                                    <div class="inner inner-box">
                                        <h3 class="m-0 p-0">{{$count_atividades_total}}</h3>
                                        <p class="m-0 p-0">Quantidade de Atividades</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fas fa-list-ol"></i>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="area4" class="area col-sm-3 m-0 pt-2 pb-3 p-0 pl-1">
                            <div class="border-box">
                                <div class="small-box bg-yellow">
                                    <div class="inner inner-box">
                                        <h3 class="m-0 p-0">{{$count_atividades_concluidas}}</h3>
                                        <p class="m-0 p-0">Quantidade de Atividades Concluídas</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fas fa-tasks"></i>
                                    </div>
                                </div>
                            </div>
                        </div>

                       <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <td>Análise Cuidador</td>
                                <td>Qtd Matrículas Atribuídos</td>
                                <td>Qtd Matrículas Vencidas</td>
                                <td>Qtd Atividades Atribuídos</td>
                                <td>Qtd Atividades Concluídos</td>
                            </tr>
                            </thead>

                            <tbody>
                                @foreach($cuidadors as $cuidador)
                                    <tr>
                                        <td>{{$cuidador->nome}}</td>
                                        <td>{{$cuidador->qtd_matriculas_atribuidos}}</td>
                                        <td>{{$cuidador->qtd_matriculas_atrasados}}</td>
                                        <td>{{$cuidador->qtd_atividades_atribuidos}}</td>
                                        <td>{{$cuidador->qtd_atividades_concluidos}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                       </table>

                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
@endsection