Product Management

<?php
session_start();
include '../conexion.php';
header("Content-Type: application/json");

$id_vendedor = $_SESSION['id_usuario'] ?? $_POST['id_vendedor'] ?? null;

if (!$id_vendedor) {
  echo json_encode([
    "success" => false, 
    "message" => "No hay sesión activa. Inicia sesión para publicar."
  ]);
  exit;
}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $nombre = trim($_POST['nombre'] ?? '');
  $descripcion = trim($_POST['descripcion'] ?? '');
  $precio = $_POST['precio'] ?? '';
  $categoria = $_POST['categoria'] ?? null;

  if (empty($nombre) || empty($descripcion) || $precio === '') {
    echo json_encode([
      "success" => false, 
      "message" => "⚠️ Todos los campos son obligatorios."
    ]);
    exit;
  }

  if (!isset($_FILES['imagen']) || $_FILES['imagen']['error'] !== UPLOAD_ERR_OK) {
    echo json_encode([
      "success" => false, 
      "message" => "⚠️ Debes subir una imagen válida."
    ]);
    exit;
  }

  // Generate unique filename
  $originalName = $_FILES['imagen']['name'];
  $ext = pathinfo($originalName, PATHINFO_EXTENSION);
  $uniqueName = time() . '_' . bin2hex(random_bytes(6)) . '.' . $ext;
  $rutaDestino = "../imagenes/" . $uniqueName;

  if (move_uploaded_file($_FILES['imagen']['tmp_name'], $rutaDestino)) {
    $id_categoria = is_numeric($categoria) && intval($categoria) > 0 ? intval($categoria) : null;

    if ($id_categoria !== null) {
      $sql = "INSERT INTO productos (nombre, descripcion, precio, imagen, id_vendedor, id_categoria, fecha_publicacion)
              VALUES (?, ?, ?, ?, ?, ?, NOW())";
      $stmt = $conn->prepare($sql);
      $stmt->bind_param("ssdsii", $nombre, $descripcion, $precio, $uniqueName, $id_vendedor, $id_categoria);
    } else {
      $sql = "INSERT INTO productos (nombre, descripcion, precio, imagen, id_vendedor, fecha_publicacion)
              VALUES (?, ?, ?, ?, ?, NOW())";
      $stmt = $conn->prepare($sql);
      $stmt->bind_param("ssdsi", $nombre, $descripcion, $precio, $uniqueName, $id_vendedor);
    }

    if ($stmt->execute()) {
      echo json_encode([
        "success" => true, 
        "message" => "✅ Producto publicado correctamente."
      ]);
    } else {
      echo json_encode([
        "success" => false, 
        "message" => "❌ Error al guardar el producto."
      ]);
    }
  }
}
?>

document.addEventListener('DOMContentLoaded', () => {
  const cont = document.getElementById('productos-por-categoria');
  
  async function cargar() {
    try {
      const resp = await fetch('php/obtener_productos_por_categoria.php');
      const data = await resp.json();

      if (!data || !data.exito || !data.categorias) {
        cont.innerHTML = '<p>No se pudieron cargar los productos.</p>';
        return;
      }

      render(data.categorias);
    } catch (err) {
      console.error(err);
      cont.innerHTML = '<p>Error cargando productos.</p>';
    }
  }

  function render(categorias) {
    cont.innerHTML = '';

    categorias.forEach(cat => {
      if (!cat.productos || cat.productos.length === 0) return;

      const section = document.createElement('section');
      section.className = 'categoria-section';

      const h2 = document.createElement('h2');
      h2.className = 'categoria-titulo';
      h2.textContent = cat.categoria;
      section.appendChild(h2);

      const grid = document.createElement('div');
      grid.className = 'grilla-productos categorias';

      cat.productos.forEach(p => {
        const card = document.createElement('div');
        card.className = 'tarjeta-producto';

        const img = document.createElement('img');
        img.src = p.imagen ? `imagenes/${p.imagen}` : 'imagenes/default-product.svg';
        img.alt = p.nombre;

        const nombre = document.createElement('h3');
        nombre.textContent = p.nombre;

        const precio = document.createElement('p');
        precio.className = 'precio-destacado';
        precio.textContent = `$${parseFloat(p.precio).toFixed(2)}`;

        const vendedor = document.createElement('p');
        vendedor.className = 'vendedor-nombre';
        if (p.id_vendedor) {
          vendedor.innerHTML = `Publicado por <a href="vendedor.html?id=${p.id_vendedor}"><strong>${p.vendedor}</strong></a>`;
        }

        const ver = document.createElement('a');
        ver.className = 'boton-pequeno';
        ver.href = `producto.html?id=${p.id_producto}`;
        ver.textContent = 'Ver';

        card.appendChild(img);
        card.appendChild(nombre);
        card.appendChild(precio);
        card.appendChild(vendedor);
        card.appendChild(ver);

        grid.appendChild(card);
      });

      section.appendChild(grid);
      cont.appendChild(section);
    });
  }

  cargar();
});

function aplicarFiltroSoloMios(activo) {
  const idUsuario = localStorage.getItem('id_usuario');
  
  if (activo) {
    if (!idUsuario) {
      mensaje.textContent = 'Inicia sesión para ver tus productos';
      filtroCheckbox.checked = false;
      return;
    }

    // Filter by user ID
    const filtradas = allData.map(cat => ({
      categoria: cat.categoria,
      productos: cat.productos.filter(p => 
        p.id_vendedor && String(p.id_vendedor) === String(idUsuario)
      )
    })).filter(c => c.productos.length > 0);

    if (filtradas.length === 0) {
      cont.innerHTML = '<p>No tienes productos publicados.</p>';
      return;
    }

    render(filtradas, true);
  } else {
    render(allData);
  }
}

filtroCheckbox.addEventListener('change', (e) => {
  aplicarFiltroSoloMios(e.target.checked);
});

fetch("php/mis_productos.php?id=" + id_usuario)
  .then(res => res.json())
  .then(data => {
    const productos = (data && data.productos) ? data.productos : [];
    const contenedor = document.getElementById("lista-productos");
    contenedor.innerHTML = "";

    if (!productos.length) {
      contenedor.innerHTML = "<p>No tienes productos publicados.</p>";
      return;
    }

    productos.forEach(prod => {
      contenedor.innerHTML += `
        <div class="producto-card">
          <a href="php/producto.php?id=${prod.id_producto}">
            <img 
              src="${prod.imagen}"
              alt="${prod.nombre}"
              class="producto-imagen"
              onerror="this.onerror=null;this.src='../imagenes/default-product.svg'"
            >
          </a>
          <h4>
            <a href="php/producto.php?id=${prod.id_producto}">
              ${prod.nombre}
            </a>
          </h4>
          <p>$${prod.precio}</p>
          <a href="php/producto.php?id=${prod.id_producto}" 
             class="btn-simple btn-ver">
             Ver producto
          </a>
        </div>
      `;
    });
  });