@extends('layouts.main')
@section('title', 'Dashboard')

@section('content')
@php
use Illuminate\Support\Str;
$user = Auth::user();
@endphp
<div class="container d-flex flex-column" style="max-width: 1000px; margin-left: auto; margin-right: auto;">
    <h3>Dashboard:</h3>
    <p> Número de usuários cadastrados</p>
    <div class="row">
        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow'>
            <h1 class="text-primary"><strong>{{ $totalUsuarios }}</strong></h1>
            <h6 class="text-primary">Usuários</h6>
        </div>
        {{-- NOVO BLOCO: Loop para exibir usuários por setor --}}
        @foreach ($usuariosPorSetor as $item)
        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <h1 class="text-primary"><strong>{{ $item->total }}</strong></h1>
            {{-- Usamos ?? 'Não definido' para o caso de algum usuário não ter setor --}}
            <h6 class="text-primary">{{ $item->setor ?? 'Não definido' }}</h6>
        </div>
        @endforeach

    </div>
    <hr>
    <p> Número de respostas cadastrados</p>
    <div class="row">
        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow'>
            <h1 class="text-primary"><strong>{{ $respostasEstresse }}</strong></h1>
            <h6 class="text-primary">Respostas Estresse</h6>
        </div>

        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <h1 class="text-primary"><strong>{{ $respostasAssedio }}</strong></h1>
            <h6 class="text-primary">Respostas Assédio</h6>
        </div>

        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <h1 class="text-primary"><strong>{{ $respostasDeficiencia }}</strong></h1>
            <h6 class="text-primary">Respostas Deficiencia</h6>
        </div>

        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <h1 class="text-primary"><strong>{{ $respostasAcoes }}</strong></h1>
            <h6 class="text-primary">Respostas Ações</h6>
        </div>

        <div class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <h1 class="text-primary"><strong>{{ $respostasSociofamiliares }}</strong></h1>
            <h6 class="text-primary">Respostas Sociofamiliares</h6>
        </div>

    </div>

    <h3>Relatórios:</h3>
    <p>Abaixo você pode verificar todos os registros de sua ação PsicoSocial.</p>

    <div class="row">

        <button type="submit" onclick="location.href='{{route('relatorios')}}'" class='col-md-2 col-sm-12 alert alert-light text-center text-primary shadow'>
            <strong>Relatórios</strong>
        </button>

        <button type="submit" onclick="location.href='{{route('relatorios.acessos')}}'" class='col-md-2 ml-5 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <strong>Registros de Acessos</strong>

        </button>

        <button type="submit" onclick="location.href='{{route('relatorios.respostas')}}'" class='col-md-2 ml-5 col-sm-12 alert alert-light text-center text-primary shadow' style="margin-left: 15px;">
            <strong>Registros de Respostas</strong>
        </button>

    </div>

</div>
@endsection