@extends('layouts.app')

@section('content')
    <section class="hero" style="margin-bottom: 16px;">
        <div class="stack">
            <span class="chip" style="width:max-content;background:#111214;color:#fff;border-color:#111214;">Paralelo Laravel operativo</span>
            <h2>Laravel ya cubre auth, tenant, audiencias, imports y campañas dentro del mismo workspace visual.</h2>
            <p>El legacy sigue intacto y operativo mientras el paralelo absorbe módulos con pruebas, validación real y ahora también una interfaz mucho más alineada al sistema actual.</p>
        </div>

        <div class="hero-stack">
            <article class="metric">
                <span>Organización activa</span>
                <strong>{{ $workspace->organizationName() }}</strong>
            </article>
            <article class="metric">
                <span>Rol actual</span>
                <strong>{{ strtoupper($workspace->roleName()) }}</strong>
            </article>
            <article class="metric">
                <span>Siguiente módulo</span>
                <strong>Homologación visual y A/B Testing</strong>
            </article>
        </div>
    </section>

    <section class="page-grid">
        <article class="card">
            <div class="stack">
                <h2>Readiness del paralelo</h2>
                <p>La idea aquí es mover primero la base del framework y después los módulos operativos, manteniendo el worker real y las rutas legacy bajo control hasta cerrar cada port.</p>

                <ul class="list">
                    @foreach ($readiness as $item)
                        <li>
                            <div>
                                <strong>{{ $item['label'] }}</strong>
                            </div>
                            <span class="status {{ $item['status'] === 'listo' ? 'status-ready' : 'status-next' }}">
                                {{ $item['status'] === 'listo' ? 'listo' : 'siguiente' }}
                            </span>
                        </li>
                    @endforeach
                </ul>
            </div>
        </article>

        <div class="stack">
            <article class="card">
                <h3 style="margin-bottom: 10px;">Guardrails activos</h3>
                <ul class="list">
                    <li>El worker legacy sigue siendo la fuente real de envío.</li>
                    <li>No se ha cortado ninguna ruta productiva actual.</li>
                    <li>La lógica de roles replica la matriz existente del legacy.</li>
                </ul>
            </article>

            <article class="card">
                <h3 style="margin-bottom: 10px;">Fortalezas ya aprovechadas</h3>
                <ul class="list">
                    <li>Auth de Laravel sobre la tabla real `users`.</li>
                    <li>Middleware de workspace para tenancy actual.</li>
                    <li>Gates por habilidad y shell reusable responsive.</li>
                </ul>
            </article>
        </div>
    </section>
@endsection