{{-- ============================================================
     Licenciado y sin instalar — pantalla propia desde el 2026-09-15.

     **Es una pregunta comercial**, y vivía metida dentro de «Plugins Tresipunt»,
     que se mira con la cabeza puesta en versiones y actualizaciones.
     ============================================================ --}}
<div class="w-full" style="font-size:14px; display:flex; flex-direction:column; gap:14px;">

    <x-cabecera
        rotulo="Plugins"
        titulo="Licenciado y sin instalar"
        descripcion="Productos contratados que no aparecen en el inventario del sitio que los tiene. O no lo ha instalado, o su Moodle no lo declara.">

        <x-slot:icono>
            <x-nav-icon name="cube-02" tint="orange" />
        </x-slot:icono>

        <x-slot:pie>
            @include('livewire.plugins.components.menu', ['selected' => 'sin-instalar'])
        </x-slot:pie>
    </x-cabecera>

    @include('livewire.plugins.partials.sin-inventario')

    @unless ($cobertura['vacio'])
        @include('livewire.plugins.partials.atencion')
        @include('livewire.plugins.partials.apagados')

            {{-- ============ Licenciado y sin instalar ============ --}}
            {{-- Vive en esta pestaña porque habla de **nuestros** productos: un cliente con
                 licencia de un producto cuyo plugin no aparece en su inventario. Solo se
                 pregunta por entornos que envían inventario. --}}
            @if ($faltantes !== [])
                <section class="overflow-hidden rounded-xl border"
                         style="background:var(--surface-card); border-color:var(--warning-500);">
                    <div class="px-5 py-3.5">
                        <h2 style="font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--text-strong); margin:0;">
                            Licenciado y sin instalar
                        </h2>
                        <div class="mt-0.5 text-[12.5px]" style="color:var(--text-muted);">
                            Productos contratados cuyo plugin no aparece en el inventario del entorno. O no se ha
                            instalado, o el Moodle no lo está declarando.
                        </div>
                    </div>

                    @foreach ($faltantes as $caso)
                        <div class="flex flex-wrap items-center justify-between gap-3 border-t px-5 py-2.5 text-[12.5px]"
                             style="border-color:var(--border-subtle);">
                            <div class="min-w-0">
                                <div class="truncate font-semibold" style="color:var(--text-strong);">{{ $caso['entorno']->name }}</div>
                                @if ($caso['entorno']->client)
                                    <div class="truncate text-[11.5px]" style="color:var(--text-muted);">{{ $caso['entorno']->client->name }}</div>
                                @endif
                            </div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                @foreach ($caso['productos'] as $producto)
                                    <span class="rounded px-2 py-0.5 text-[11.5px] font-semibold"
                                          style="color:var(--warning-500); background:var(--warning-50);">{{ $producto->name }}</span>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </section>
            @endif

        {{-- El estado bueno, que antes no existía: el bloque simplemente no se
             pintaba y la pestaña no decía nada. En una pantalla propia, no decir
             nada es una pantalla en blanco. --}}
        @if ($faltantes === [])
            <section class="flex items-center gap-3 rounded-xl border px-5 py-4"
                     style="background:var(--surface-card); border-color:var(--border-subtle);">
                <span class="flex h-[34px] w-[34px] flex-none items-center justify-center rounded-full"
                      style="background:var(--success-50);">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--success-500)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m22 4-10 10.01-3-3"/></svg>
                </span>
                <div class="text-[13px]" style="color:var(--text-body);">
                    Todo lo que está licenciado aparece instalado en los sitios que envían
                    inventario. De los que no envían no se puede decir nada, y por eso no salen:
                    acusarles de que les falta algo sería el error contrario.
                </div>
            </section>
        @endif

    @endunless
</div>