
<div class="w-full" style="font-size:14px; display:flex; flex-direction:column; gap:16px;"
     x-data="{ copiado: false }">

    <div>
        <a href="<?php echo e(route('products.index')); ?>" wire:navigate
           class="inline-flex items-center gap-1.5 text-[13px] font-semibold" style="color:var(--text-link);">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
            Productos
        </a>
    </div>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session('success')): ?>
        <div class="rounded-lg px-4 py-2.5 text-[13px]" style="background:var(--success-50); color:var(--success-500);">
            <?php echo e(session('success')); ?>

        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <?php
        $operativo = (bool) $product->actived;
        $aLaVenta = (bool) $product->enabled;
        $retirado = $operativo && ! $aLaVenta;
    ?>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if (! ($operativo)): ?>
        <div class="flex items-center gap-3 rounded-xl border px-[18px] py-3 text-[13px]"
             style="background:var(--danger-50); border-color:var(--danger-500); color:var(--text-body);">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--danger-500)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="flex-none"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg>
            <span>
                <strong class="font-semibold" style="color:var(--danger-500);">Inactivo:</strong>
                no sirve contenido a nadie, aunque siga en licencias.
            </span>
        </div>
    <?php elseif($retirado): ?>
        <div class="flex items-center gap-3 rounded-xl border px-[18px] py-3 text-[13px]"
             style="background:var(--warning-50); border-color:var(--warning-500); color:var(--text-body);">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--warning-500)" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="flex-none"><circle cx="12" cy="12" r="10"/><path d="M12 8v4"/><path d="M12 16h.01"/></svg>
            <span>
                <strong class="font-semibold">Retirado de la venta:</strong>
                no se puede incluir en licencias nuevas, pero sigue operativo — los clientes que lo
                tienen continúan recibiéndolo.
            </span>
        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <section class="rounded-xl border px-6 py-5"
             style="background:var(--surface-card); border-color:var(--border-subtle);">

        <div class="flex flex-wrap items-start justify-between gap-6">
            <div class="flex min-w-0 flex-1 gap-4">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->image_url): ?>
                    <img src="<?php echo e($product->image_url); ?>" alt="<?php echo e($product->name); ?>"
                         class="h-[52px] w-[52px] flex-none rounded-xl bg-white object-contain">
                <?php else: ?>
                    <span class="flex h-[52px] w-[52px] flex-none items-center justify-center rounded-xl text-[18px] font-bold"
                          style="background:var(--surface-brand-subtle); color:var(--orange-600);">
                        <?php echo e(Str::upper(Str::substr($product->name, 0, 2))); ?>

                    </span>
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

                <div class="min-w-0">
                    <h1 style="font-family:'Plus Jakarta Sans',sans-serif; font-size:22px; font-weight:700; letter-spacing:-0.02em; color:var(--text-strong); margin:0;">
                        <?php echo e($product->name); ?>

                    </h1>

                    
                    <div class="mt-1 flex items-center gap-1.5">
                        <span class="rounded px-2 py-0.5 font-mono text-[12px]"
                              style="color:var(--text-muted); background:var(--surface-sunken);">
                            <?php echo e($product->slug); ?>

                        </span>
                        <button type="button" title="Copiar slug"
                                @click="copiarAlPortapapeles('<?php echo e($product->slug); ?>').then(ok => { if (ok) { copiado = true; setTimeout(() => copiado = false, 1500) } })"
                                class="flex flex-none border-none bg-transparent p-0.5" style="color:var(--text-subtle);">
                            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
                        </button>
                        <span x-show="copiado" x-cloak class="text-[11px] font-semibold" style="color:var(--success-500);">
                            Copiado
                        </span>
                    </div>

                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->summary): ?>
                        <div class="mt-2 max-w-[640px] text-[13px]" style="color:var(--text-body);">
                            <?php echo preg_replace('/\*\*(.+?)\*\*/', '<strong>$1</strong>', e($product->summary)); ?>

                        </div>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </div>
            </div>

            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('admin.products.edit')): ?>
                <a href="<?php echo e(route('products.edit', $product)); ?>" wire:navigate
                   class="flex-none rounded-lg border px-3.5 py-2 text-[13px] font-semibold"
                   style="border-color:var(--border-default); background:var(--surface-page); color:var(--text-body);">
                    Editar
                </a>
            <?php endif; ?>
        </div>

        
        <div class="mt-4 grid grid-cols-2 gap-5 border-t pt-3.5 md:grid-cols-4"
             style="border-color:var(--divider);">

            <div>
                <div class="text-[11px] font-semibold uppercase tracking-[0.06em]" style="color:var(--text-muted);">Tecnología</div>
                <div class="mt-[3px] text-[13px] font-semibold" style="color:var(--text-strong);">
                    <?php echo e($product->tech ?? '—'); ?>

                </div>
                <div class="mt-px text-[11.5px]" style="color:var(--text-subtle);">plataforma donde se instala</div>
            </div>

            <div>
                <div class="text-[11px] font-semibold uppercase tracking-[0.06em]" style="color:var(--text-muted);">Tipo</div>
                <div class="mt-[3px] text-[13px] font-semibold" style="color:var(--text-strong);">
                    <?php echo e($product->type ?? '—'); ?>

                </div>
                <div class="mt-px text-[11.5px]" style="color:var(--text-subtle);">familia del plugin</div>
            </div>

            <div>
                <div class="text-[11px] font-semibold uppercase tracking-[0.06em]" style="color:var(--text-muted);">Operativo</div>
                <div class="mt-[3px] flex items-center gap-1.5 text-[13px]">
                    <span class="h-2 w-2 flex-none rounded-full"
                          style="background:<?php echo e($operativo ? 'var(--success-500)' : 'var(--danger-500)'); ?>;"></span>
                    <span class="font-semibold" style="color:<?php echo e($operativo ? 'var(--text-strong)' : 'var(--danger-500)'); ?>;">
                        <?php echo e($operativo ? 'Sí' : 'No'); ?>

                    </span>
                </div>
                <div class="mt-px text-[11.5px]" style="color:var(--text-subtle);">si sirve contenido a los entornos</div>
            </div>

            <div>
                <div class="text-[11px] font-semibold uppercase tracking-[0.06em]" style="color:var(--text-muted);">A la venta</div>
                <div class="mt-[3px] flex items-center gap-1.5 text-[13px]">
                    <span class="h-2 w-2 flex-none rounded-full"
                          style="background:<?php echo e($aLaVenta ? 'var(--success-500)' : 'var(--warning-500)'); ?>;"></span>
                    <span class="font-semibold" style="color:<?php echo e($aLaVenta ? 'var(--text-strong)' : 'var(--warning-500)'); ?>;">
                        <?php echo e($aLaVenta ? 'Sí' : 'No'); ?>

                    </span>
                </div>
                <div class="mt-px text-[11.5px]" style="color:var(--text-subtle);">si puede entrar en licencias nuevas</div>
            </div>
        </div>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($sinPublicar): ?>
            <div class="mt-4 border-t pt-3.5 text-[12.5px]" style="border-color:var(--divider); color:var(--text-muted);">
                Nada publicado todavía: los entornos que lo piden reciben solo la validación de
                licencia, sin contenido.
            </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </section>

    
    <div class="grid grid-cols-1 items-start gap-4 lg:grid-cols-2">
        <?php
            $bloques = [
                'config' => ['Configura el Moodle', 'Lo que el plugin aplica o carga en el sitio del cliente'],
                'contenido' => ['Contenido para el usuario final', 'Lo que lee la gente dentro del Moodle'],
            ];
        ?>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $bloques; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $clave => [$titulo, $subtitulo]): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <section class="overflow-hidden rounded-xl border"
                     style="background:var(--surface-card); border-color:var(--border-subtle);">
                <div class="px-5 pb-2.5 pt-3.5">
                    <h2 style="font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--text-strong); margin:0;">
                        <?php echo e($titulo); ?>

                    </h2>
                    <div class="mt-0.5 text-[12px]" style="color:var(--text-muted);"><?php echo e($subtitulo); ?></div>
                </div>

                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $familias[$clave]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cajon): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    
                    <div class="flex flex-wrap items-center gap-3 border-t px-5 py-2.5"
                         style="border-color:var(--divider); opacity:<?php echo e($cajon['tiene'] ? '1' : '0.6'); ?>;">

                        <span class="flex-1 text-[13px] font-semibold" style="color:var(--text-strong);">
                            <?php echo e($cajon['nombre']); ?>

                        </span>

                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($cajon['tiene']): ?>
                            <span class="text-[12px]" style="color:var(--text-body);">
                                <span class="font-mono font-semibold"><?php echo e($cajon['version']); ?></span>
                                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($cajon['fecha']): ?>
                                    · <?php echo e($cajon['fecha']->translatedFormat('j M Y')); ?>

                                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                · <?php echo e($cajon['n']); ?> <?php echo e($cajon['n'] === 1 ? 'versión' : 'versiones'); ?>

                            </span>
                            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check($cajon['permiso'])): ?>
                                <a href="<?php echo e(route($cajon['ruta'], $product)); ?>" wire:navigate
                                   class="flex-none text-[12px] font-semibold" style="color:var(--text-link);">
                                    Gestionar
                                </a>
                            <?php endif; ?>
                        <?php else: ?>
                            <span class="text-[12px]" style="color:var(--text-subtle);">Sin versiones</span>
                            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check($cajon['permiso'])): ?>
                                <a href="<?php echo e(route($cajon['ruta'], $product)); ?>" wire:navigate
                                   class="flex-none text-[12px] font-semibold" style="color:var(--text-muted);">
                                    Crear
                                </a>
                            <?php endif; ?>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </section>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </div>

    
    <section class="overflow-hidden rounded-xl border"
             style="background:var(--surface-card); border-color:var(--border-subtle);">
        <div class="flex items-baseline justify-between gap-4 px-5 pb-2.5 pt-3.5">
            <div class="flex items-baseline gap-2.5">
                <h2 style="font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--text-strong); margin:0;">
                    Licencias que lo incluyen
                </h2>
                <span class="text-[12px]" style="color:var(--text-muted);"><?php echo e($product->tokens->count()); ?></span>
            </div>
            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('admin.license-tokens.index')): ?>
                <a href="<?php echo e(route('license_tokens.index')); ?>" wire:navigate
                   class="text-[12.5px] font-semibold" style="color:var(--text-link);">Ver licencias</a>
            <?php endif; ?>
        </div>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__empty_1 = true; $__currentLoopData = $product->tokens->sortByDesc('end_at'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $token): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
            <?php
                $estadoToken = $token->estado();
                $coloresToken = [
                    'activa' => ['var(--success-500)', 'var(--success-50)', 'Activa'],
                    'pronto' => ['var(--warning-500)', 'var(--warning-50)', 'Vence pronto'],
                    'vencida' => ['var(--danger-500)', 'var(--danger-50)', 'Caducada'],
                    'desactivada' => ['#fff', 'var(--neutral-700)', 'Apagada'],
                ];
                [$color, $fondo, $texto] = $coloresToken[$estadoToken];
            ?>

            <a href="<?php echo e(route('license_tokens.show', $token)); ?>" wire:navigate
               class="prod-lic-grid items-center border-b px-5 py-2.5 transition-colors hover:bg-[var(--surface-alt)]"
               style="border-color:var(--divider);">

                <div class="min-w-0">
                    <div class="flex min-w-0 items-center gap-2">
                        <span class="truncate text-[13px] font-semibold" style="color:var(--text-strong);">
                            <?php echo e($token->name ?: 'Sin nombre'); ?>

                        </span>
                        <span class="flex-none rounded-full px-2 py-px text-[10.5px] font-semibold"
                              style="color:<?php echo e($color); ?>; background:<?php echo e($fondo); ?>;">
                            <?php echo e($texto); ?>

                        </span>
                    </div>
                    <div class="mt-0.5 font-mono text-[11.5px]" style="color:var(--text-muted);"
                         title="El token completo está en la ficha de la licencia y en el botón de copiar, no en esta lista.">
                        <?php echo e($token->token_corto); ?>

                    </div>
                </div>

                <span class="truncate text-[12.5px]" style="color:var(--text-body);">
                    <?php echo e($token->client?->name ?? 'Sin cliente'); ?>

                </span>

                <span class="text-[12.5px]" style="color:var(--text-body);">
                    <?php echo e($token->start_at?->format('d/m/Y') ?? '—'); ?>

                    –
                    <?php echo e($token->end_at?->format('d/m/Y') ?? 'sin caducidad'); ?>

                </span>

                <span class="text-[12.5px] font-semibold" style="color:var(--text-strong);">
                    <?php echo e($token->environments->count()); ?>

                </span>

                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="var(--text-subtle)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden justify-self-end lg:block"><path d="m9 18 6-6-6-6"/></svg>
            </a>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
            <div class="mx-5 mb-4 rounded-lg border border-dashed p-4 text-center text-[12.5px]"
                 style="border-color:var(--border-default); color:var(--text-muted);">
                Ninguna licencia incluye este producto, así que no llega a ningún entorno.
            </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </section>

    
    <section class="overflow-hidden rounded-xl border"
             style="background:var(--surface-card); border-color:var(--border-subtle);">
        <div class="flex items-baseline justify-between gap-4 px-5 pb-2.5 pt-3.5">
            <div class="flex items-baseline gap-2.5">
                <h2 style="font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--text-strong); margin:0;">
                    Entornos donde está instalado
                </h2>
                <span class="text-[12px]" style="color:var(--text-muted);"><?php echo e(count($entornos)); ?></span>
            </div>
            <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('admin.environments.index')): ?>
                <a href="<?php echo e(route('environments.index')); ?>" wire:navigate
                   class="text-[12.5px] font-semibold" style="color:var(--text-link);">Ver entornos</a>
            <?php endif; ?>
        </div>

        <?php
            // La paleta la da el catálogo de usos: era la misma lista copiada en seis vistas.
            $coloresEnv = \App\Models\Environments\Env::colores();
        ?>

        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__empty_1 = true; $__currentLoopData = $entornos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $entorno): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
            <?php [$colorEnv, $fondoEnv] = $coloresEnv[$entorno['env']] ?? $coloresEnv['local']; ?>

            <a href="<?php echo e(route('environments.edit', $entorno['id'])); ?>" wire:navigate
               class="cli-env-grid items-center border-t px-5 py-2.5 text-[12.5px] transition-colors hover:bg-[var(--surface-alt)]"
               style="border-color:var(--divider);">

                <span class="min-w-0">
                    <span class="block truncate font-semibold" style="color:var(--text-strong);">
                        <?php echo e($entorno['nombre'] ?: $entorno['dominio']); ?>

                    </span>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($entorno['nombre'] && $entorno['dominio']): ?>
                        <span class="block truncate text-[11.5px]" style="color:var(--text-muted);">
                            <?php echo e($entorno['dominio']); ?>

                        </span>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </span>

                <span class="justify-self-start rounded px-[7px] py-px text-[10.5px] font-semibold"
                      style="color:<?php echo e($colorEnv); ?>; background:<?php echo e($fondoEnv); ?>;">
                    <?php echo e($entorno['env']); ?>

                </span>

                <span class="truncate" style="color:var(--text-body);">
                    <?php echo e($entorno['tipo'] ? $entorno['tipo'] . ' ' : ''); ?><?php echo e($entorno['version'] ?? '—'); ?>

                </span>

                <span class="truncate">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($entorno['nunca']): ?>
                        <span class="font-semibold" style="color:var(--warning-500);">Nunca sincronizado</span>
                    <?php elseif($entorno['sinSenal']): ?>
                        <span class="font-semibold" style="color:var(--danger-500);">
                            Sin señal · hace <?php echo e($entorno['dias']); ?> día(s)
                        </span>
                    <?php else: ?>
                        <span style="color:var(--text-muted);">Sincronizado <?php echo e($entorno['fecha']); ?></span>
                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                </span>

                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--text-subtle)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden md:block"><path d="m9 18 6-6-6-6"/></svg>
            </a>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
            <div class="mx-5 mb-4 rounded-lg border border-dashed p-4 text-center text-[12.5px]"
                 style="border-color:var(--border-default); color:var(--text-muted);">
                Ningún entorno lo tiene instalado.
            </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </section>

    
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->description || $product->metadata): ?>
        <section class="rounded-xl border px-5 pb-4 pt-3.5"
                 style="background:var(--surface-card); border-color:var(--border-subtle);">

            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->description): ?>
                <h2 style="font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--text-strong); margin:0 0 8px;">
                    Descripción
                </h2>
                <div class="max-w-[760px] text-[13px] leading-relaxed" style="color:var(--text-body);">
                    <?php echo e(strip_tags($product->description)); ?>

                </div>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->metadata): ?>
                <div class="<?php echo e($product->description ? 'mt-3' : ''); ?>">
                    <div class="mb-1.5 text-[11px] font-semibold uppercase tracking-[0.06em]" style="color:var(--text-muted);">
                        Metadata
                    </div>
                    <code class="block overflow-x-auto rounded-lg px-3.5 py-2.5 font-mono text-[12px]"
                          style="color:var(--text-body); background:var(--surface-sunken); white-space:pre-wrap;"><?php echo e(json_encode($product->metadata, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES)); ?></code>
                </div>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </section>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div><?php /**PATH /var/www/html/resources/views/livewire/products/show.blade.php ENDPATH**/ ?>