@php
    $grupo = auth()->user()->proyecto->proyecto;
@endphp
<div class="d-flex align-content-start py-4 chat-hover p-2">
    <a class="" href="{{ $grupo?->url ? asset($grupo?->url) : asset('assets/media/avatars/150-2.jpg') }}">
        <div class="d-flex align-items-center">
            <div class="symbol symbol-45px symbol-circle" data-fslightbox="lightbox-basic">
                @if ($grupo?->url)
                    <img src="{{ $grupo?->url ? asset($grupo?->url) : asset('assets/media/avatars/150-2.jpg') }}"
                        alt="metronic" />
                @else
                    <span
                        class="symbol-label bg-light-info text-info fs-6 fw-bolder">{{ $grupo->nombre[0] }}</span>
                @endif
            </div>
            <div class="ms-5">
                <a href="#" class="fs-3 fw-normal text-gray-900 text-hover-primary mb-2 btnIrChat"
                    data-contacto="grupo">{{ $grupo->nombre }}</a>
            </div>
        </div>
        <div class="d-flex flex-column flex-grow-1  align-items-end ms-2">
            <span class="text-muted fs-7 mb-1"></span>
            {{-- @if ($grupo?->mensajes_no_leidos)
                <span class="badge badge-circle badge-primary">{{ $grupo?->mensajes_no_leidos ?? 0 }}</span>
            @endif --}}
        </div>
    </a>
</div>
<div class="separator border-2 "></div>
@foreach ($usuarios as $usuario)
    <div class="d-flex align-content-start py-4 chat-hover p-2">
        <a class="" href="{{ $usuario?->foto ? asset($usuario?->foto) : asset('assets/media/avatars/150-2.jpg') }}">
            <div class="d-flex align-items-center">
                <div class="symbol symbol-45px symbol-circle" data-fslightbox="lightbox-basic">
                    @if ($usuario?->foto)
                        <img src="{{ $usuario?->foto ? asset($usuario?->foto) : asset('assets/media/avatars/150-2.jpg') }}"
                            alt="metronic" />
                    @else
                        <span
                            class="symbol-label bg-light-info text-info fs-6 fw-bolder">{{ $usuario->nombre[0] }}</span>
                    @endif
                </div>
                <div class="ms-5">
                    <a href="#" class="fs-3 fw-normal text-gray-900 text-hover-primary mb-2 btnIrChat"
                        data-contacto="{{ $usuario->id }}">{{ $usuario->nombre_completo }}</a>
                    <div class="fw-semibold text-muted fs-5">{{ $usuario->email }}</div>
                </div>
            </div>
            <div class="d-flex flex-column flex-grow-1  align-items-end ms-2">
                <span class="text-muted fs-7 mb-1">{{ diffDate($usuario?->fecha ?? null) }}</span>
                @if ($usuario?->mensajes_no_leidos)
                    <span class="badge badge-circle badge-primary">{{ $usuario?->mensajes_no_leidos ?? 0 }}</span>
                @endif
            </div>
        </a>
    </div>
    <div class="separator border-2 "></div>
@endforeach