<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Cliente creado | SistemasPro</title>
  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Outfit:wght@600;700;800&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="/css/estilos.css" />
</head>
<body>
  <%- include('partials/nav', { activo: 'clientes' }) %>

  <main class="page">
    <h1 style="font-family: var(--font-display); color: var(--ink);">Cliente creado</h1>
    <p class="alert alert-ok" style="max-width: 620px;">
      "<%= resultado.cliente.nombre %>" quedó registrado con "<%= resultado.sistema.nombre %>".
    </p>

    <div class="card form-panel">
      <p><strong>Carpeta:</strong> <code><%= resultado.destino %></code></p>
      <p><strong>Base de datos:</strong> <code><%= resultado.dbNombreCliente %></code></p>
      <p><strong>Licencia:</strong> #<%= resultado.licencia.id %> → <code><%= resultado.licencia.urlBase %></code></p>

      <hr style="border: none; border-top: 1px solid var(--line); margin: 1.2rem 0;" />

      <p><strong>Para ponerlo en marcha:</strong></p>
      <pre style="background: var(--bg); padding: 1rem; border-radius: 6px; font-size: 0.82rem; overflow-x: auto;">cd "<%= resultado.destino %>"
npm install
npm start

# En otra terminal, una sola vez, para crear el usuario de acceso del dueño:
npm run seed -- "Nombre del dueño" correo@negocio.com "ClaveTemporal1!"</pre>

      <a href="/clientes" class="btn btn-primary" style="margin-top: 0.5rem;">Volver a clientes</a>
    </div>
  </main>
</body>
</html>
