@extends('admin.layouts.layout')
@section('content')
    <div class="container-fluid">
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
        </div>
        <div class="row">

            <div class="col-6 col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
                                <div class="stats-icon purple mb-2">
                                    <i class="fa-solid fa-user-tie"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="text-muted font-semibold">Usuários</h6>
                                <h6 class="font-extrabold mb-0">{{ $usuarios->count() }}</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
                                <div class="stats-icon purple mb-2">
                                    <i class="fa-solid fa-user-tie"></i>
                                </div>
                            </div>
                            <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
                                <h6 class="text-muted font-semibold">Entidades</h6>
                                <h6 class="font-extrabold mb-0">{{ $entidades->count() }}</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-6 col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
                                <h5 class="text-primary">Entidades cadastradas</h5>
                            </div>
                            <table class="table table-sm table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col">Id TCE</th>
                                        <th scope="col">Entidade</th>
                                        <th scope="col">Cidade</th>
                                        <th scope="col">U.F.</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($entidades->take(5) as $entidade)
                                        <tr>
                                            <td>{{ $entidade->id_tce }}</td>
                                            <td>{{ $entidade->entidade }}</td>
                                            <td>{{ $entidade->cidade }}</td>
                                            <td>{{ $entidade->uf }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 col-lg-6 col-md-6">
                <div class="card">
                    <div class="card-body px-4 py-4-5">
                        <div class="row">
                            <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
                                <h5 class="text-primary">Informações úteis</h5>
                            </div>
                            <div class="text-center">
                                <img class="img-fluid px-3 px-sm-4 mt-3 mb-4" style="width: 25rem;"
                                    src="{{ asset('assets/admin/img/logo.png') }}" alt="...">
                            </div>
                            <p align="justify">Uma vez cadastrada a Entidade, será necessário cadastrar o primeiro usuário
                                do
                                Banco de Dados
                                que irá realizar todos os procedimentos necessários para cadastramento de novos Usuários.
                                Desta maneira, o usuário se tornará automaticamente um usuário de nível máximo dentro da
                                nova
                                Entidade que está sendo criada. Recomenda-se cadastrar um usuário nosso, Elmar Tecnologia,
                                para
                                que possamos ter total controle das informações.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection