<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Nuevo negocio | 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: 'negocios' }) %>

  <main class="page">
    <a href="/negocios" class="back-link">← Volver a negocios</a>
    <h1 style="font-family: var(--font-display); color: var(--ink);">Nuevo negocio</h1>

    <div class="card form-panel" style="margin-top: 1.2rem;">
      <% if (error) { %><p class="alert alert-error"><%= error %></p><% } %>

      <form action="/negocios" method="POST">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
        <div class="form-group">
          <label>Nombre del negocio</label>
          <input type="text" name="nombre" placeholder="Ej: Tienda Global" required />
        </div>
        <div class="form-group">
          <label>Slug (identificador técnico, sin espacios)</label>
          <input type="text" name="slug" pattern="[a-z0-9\-]+" placeholder="ej: tiendaglobal" required />
          <span class="form-hint">Debe coincidir con el nombre de carpeta en aplicaciones_hijas/sistema_&lt;slug&gt;.</span>
        </div>
        <div class="form-group">
          <label>Descripción (opcional)</label>
          <textarea name="descripcion" rows="3" placeholder="Catálogo público + panel privado para tienda online."></textarea>
        </div>
        <button type="submit" class="btn btn-primary btn-full">Crear negocio</button>
      </form>
    </div>
  </main>
</body>
</html>
