<% if (currentUser) { %>
  <aside class="support-widget" data-support-widget aria-live="polite">
    <button class="support-widget-toggle" type="button" data-support-toggle aria-expanded="false" aria-label="Abrir soporte">
      <span aria-hidden="true"></span>
    </button>

    <section class="support-widget-panel" data-support-panel hidden>
      <header>
        <div>
          <strong>Soporte TopStats</strong>
          <small data-support-status>Conectando...</small>
        </div>
        <button type="button" data-support-close aria-label="Cerrar soporte">×</button>
      </header>

      <div class="support-widget-body">
        <div class="support-live" data-support-live hidden>
          <div class="support-messages" data-support-messages>
            <article class="support-message support-message-admin">
              <p>Hola, cuéntanos qué necesitas. Alguien del equipo te responderá aquí.</p>
            </article>
          </div>
          <form class="support-form" data-support-form>
            <textarea name="message" rows="2" placeholder="Escribe tu mensaje..." required></textarea>
            <button type="submit">Enviar</button>
          </form>
        </div>

        <form class="support-offline" data-support-offline hidden>
          <p>El soporte está desconectado. Envía tu solicitud y responderemos a <strong><%= currentUser.email %></strong>.</p>
          <label>Tu mensaje
            <textarea name="message" rows="4" placeholder="Describe tu solicitud..." required></textarea>
          </label>
          <button type="submit">Enviar solicitud</button>
          <small data-support-offline-result></small>
        </form>
      </div>
    </section>
  </aside>
<% } %>
