VENDEDOR EN PEDIDO Y EN ADMINISTRADOR

2026-06-11 14:08:03 -05:00
parent ad3911d3c3
commit e4588b75db
14 changed files with 758 additions and 187 deletions
@@ -7,7 +7,7 @@
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="admin.css?v=17">
+  <link rel="stylesheet" href="admin.css?v=22">
 </head>
 <body>

@@ -85,6 +85,10 @@
          <span class="nav-icon">👥</span>
          <span class="nav-label">Usuarios</span>
        </button>
+        <button type="button" class="nav-item" data-view="pedidos">
+          <span class="nav-icon">📋</span>
+          <span class="nav-label">Pedidos</span>
+        </button>
      </div>
    </nav>

@@ -425,6 +429,66 @@
        </div>
      </section>

+      <!-- PEDIDOS VIEW -->
+      <section class="view" data-view="pedidos">
+        <header class="view-header view-header-with-action">
+          <div>
+            <h1 class="view-title">📋 Pedidos</h1>
+            <p class="view-subtitle">Gestiona los vendedores y revisa los pedidos generados.</p>
+          </div>
+        </header>
+
+        <div class="view-section-group">
+          <!-- Gestión de vendedores -->
+          <div class="view-content-card">
+            <h3 class="view-section-title">Vendedores</h3>
+            <p class="view-section-desc">Agrega o quita los vendedores que aparecerán en el formulario de pedido público.</p>
+
+            <div class="vendedores-list" id="vendedoresList">
+              <p class="pdf-selector-loading">Cargando vendedores…</p>
+            </div>
+
+            <div class="vendedores-add">
+              <div class="form-group" style="flex:1;margin-bottom:0">
+                <input type="text" id="vendedorInput" placeholder="Nombre del vendedor" maxlength="60">
+              </div>
+              <button type="button" class="btn btn-primary" id="btnAgregarVendedor">+ Agregar</button>
+            </div>
+            <div class="form-error" id="vendedorError" role="alert"></div>
+          </div>
+
+          <!-- Listado de pedidos -->
+          <div class="view-content-card">
+            <div class="pedidos-filter-bar">
+              <label for="pedidosFilterVendedor">Filtrar por vendedor:</label>
+              <div class="form-group" style="flex:1;margin-bottom:0">
+                <select id="pedidosFilterVendedor">
+                  <option value="">Todos los vendedores</option>
+                </select>
+              </div>
+            </div>
+
+            <div class="pedidos-table-wrap">
+              <table class="pedidos-table">
+                <thead>
+                  <tr>
+                    <th>Fecha</th>
+                    <th>Cliente</th>
+                    <th>Vendedor</th>
+                    <th>Productos</th>
+                    <th>Total</th>
+                    <th class="pedidos-actions-col">Acción</th>
+                  </tr>
+                </thead>
+                <tbody id="pedidosListBody">
+                  <tr><td colspan="6" class="pedidos-empty">No hay pedidos aún.</td></tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </section>
+
    </main>

    <!-- BOTÓN FIJO: Cerrar sesión (esquina superior derecha) -->
@@ -677,6 +741,6 @@
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
-  <script src="admin.js?v=19"></script>
+  <script src="admin.js?v=23"></script>
 </body>
 </html>