{{-- Un recurso, en la lista de su versión.

     **Es el tipo con más formas de no llegar.** Un recurso necesita dos condiciones para
     servirse —publicado **y** público—, y son dos campos distintos: fallar la segunda lo
     deja fuera sin ningún aviso, con el estado en verde. Eso es lo que se dice aquí.

     Y hay dos anatomías en la misma lista: un archivo tiene peso, formato y nombre
     original; un enlace tiene un dominio.

     **Qué se enseña y por qué.** La fila decía el nombre del fichero y poco más, y con eso
     no se puede revisar un catálogo: para saber si un recurso está bien hay que ver qué es
     —archivo o enlace, y de qué formato—, si va a llegar al cliente, qué se le va a enseñar
     a él (la descripción y los minutos de lectura salen en su pantalla) y quién lo puso, que
     es a quién preguntar. Todo eso ya estaba en la base y había que entrar a la ficha de
     cada uno para verlo. --}}
@php
    $esArchivo = $elemento->type === 'file';

    // El formato en la palabra que usa quien lo mira —PDF, DOCX—, sacada de la extensión
    // del nombre original. El `mime` es exacto pero ilegible (`application/vnd.openxml…`).
    $formato = $esArchivo
        ? strtoupper((string) pathinfo((string) $elemento->original_filename, PATHINFO_EXTENSION))
        : '';

    $dominio = $esArchivo ? null : (parse_url((string) $elemento->url, PHP_URL_HOST) ?: $elemento->url);
@endphp

<div class="flex min-w-0 items-start gap-3">
    <span class="flex h-10 w-10 flex-none items-center justify-center rounded-lg"
          style="background:var(--surface-sunken); color:var(--text-subtle);">
        @if ($esArchivo)
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>
        @else
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>
        @endif
    </span>

    <div class="min-w-0">
        <div class="flex flex-wrap items-center gap-x-2 gap-y-1">
            <span class="truncate font-semibold" style="color:var(--text-strong);">{{ $elemento->title }}</span>

            {{-- Qué es, en una palabra. El icono solo ya lo decía, pero hay que haberlo
                 aprendido; la palabra no hay que aprenderla. --}}
            <span class="flex-none rounded px-1.5 py-px text-[10.5px] font-semibold uppercase tracking-[0.04em]"
                  style="color:var(--text-muted); background:var(--surface-sunken);">
                {{ $esArchivo ? ($formato ?: 'Archivo') : 'Enlace' }}
            </span>

            {{-- **La segunda condición de un recurso**, dicha siempre y no solo cuando
                 falla: que se vea «Público» en los que sí lo son es lo que hace que
                 «Privado» signifique algo cuando aparece. --}}
            @if (! $elemento->is_public)
                <span class="flex-none rounded px-1.5 py-px text-[10.5px] font-semibold"
                      style="color:var(--danger-500); background:var(--danger-50, var(--surface-sunken));">
                    Privado
                </span>
            @endif
        </div>

        {{-- Lo que el cliente va a leer debajo del título en su pantalla. Si está vacía, se
             dice: un recurso sin descripción sale desnudo en el Moodle del cliente. --}}
        @if ($elemento->description)
            <div class="truncate text-[12px]" style="color:var(--text-muted);">{{ $elemento->description }}</div>
        @else
            <div class="text-[12px]" style="color:var(--text-subtle);">Sin descripción</div>
        @endif

        <div class="flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[12px]" style="color:var(--text-muted);">
            @if ($esArchivo)
                <span class="truncate" style="font-family:ui-monospace,monospace;">{{ $elemento->original_filename ?: '—' }}</span>
                @if ($elemento->size)
                    <span style="color:var(--border-strong);">·</span>
                    <span>{{ $elemento->size >= 1048576
                        ? number_format($elemento->size / 1048576, 1, ',', '.') . ' MB'
                        : number_format($elemento->size / 1024, 0, ',', '.') . ' KB' }}</span>
                @endif
            @else
                {{-- El dominio, no la URL entera: es lo que dice si el enlace apunta a donde
                     se cree que apunta. La URL completa va en el `title`, para el que quiera
                     comprobarla sin entrar. --}}
                <span class="truncate" title="{{ $elemento->url }}">{{ $dominio }}</span>
            @endif

            @if ($elemento->read_time)
                <span style="color:var(--border-strong);">·</span>
                {{-- `read_time` está en **segundos**, no en minutos: la documentación
                     funcional histórica decía minutos y es incorrecto. Se pinta en minutos
                     porque es como se lee, y en el formulario se escribe en minutos. --}}
                <span>{{ max(1, (int) round($elemento->read_time / 60)) }} min de lectura</span>
            @endif

            {{-- Quién lo puso: es a quién preguntar cuando algo de este recurso no cuadra. --}}
            @if ($elemento->creator || $elemento->created_at)
                <span style="color:var(--border-strong);">·</span>
                <span class="truncate" style="color:var(--text-subtle);">
                    {{ $elemento->creator?->name ?? 'autor desconocido' }}@if ($elemento->created_at), {{ $elemento->created_at->format('d/m/Y') }}@endif
                </span>
            @endif
        </div>

        {{-- **La contradicción, dicha entera.** Un archivo publicado y no público no se
             sirve, y el chip de estado de la fila dice «Se sirve»: sin esta línea la
             pantalla se contradice a sí misma. --}}
        @if ($esArchivo && ! $elemento->is_public && $elemento->status === 'published')
            <div class="mt-0.5 text-[11.5px] font-semibold" style="color:var(--danger-500);">
                Publicado pero no público: no se sirve
            </div>
        @endif

        {{-- Un enlace sin URL o un archivo sin fichero es una fila que llega vacía al
             cliente. No falla nada al guardarla, así que solo se ve aquí. --}}
        @if (($esArchivo && ! $elemento->path) || (! $esArchivo && ! $elemento->url))
            <div class="mt-0.5 text-[11.5px] font-semibold" style="color:var(--danger-500);">
                {{ $esArchivo ? 'Sin archivo subido' : 'Sin URL' }}: no hay nada que servir
            </div>
        @endif
    </div>
</div>