<?php
// añadir_producto.php
// SVHA — Añadir Producto (con correcciones)
// Requisitos: carpeta 'images/' con permisos de escritura. Logo opcional: images/logo_artika.png

session_start();

/* ========== CONFIG ========== */
$dbHost = 'localhost';
$dbUser = 'u804166938_senna';
$dbPass = 'AYRsenna12';
$dbName = 'u804166938_svha';
$imagesFolder = __DIR__ . '/images';
$maxFileSizeBytes = 4 * 1024 * 1024; // 4MB
$maxImageDimension = 800; // px
$defaultIGV = 0.0;
/* ========== FIN CONFIG ========== */

/* --- Conexión y creación DB / tabla (robusta) --- */
try {
    $pdo = new PDO("mysql:host=$dbHost;charset=utf8mb4", $dbUser, $dbPass, [
        PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION
    ]);
    $pdo->exec("CREATE DATABASE IF NOT EXISTS `$dbName` CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci");
    $pdo->exec("USE `$dbName`");
    $pdo->exec("
        CREATE TABLE IF NOT EXISTS `products` (
          `id` INT AUTO_INCREMENT PRIMARY KEY,
          `codigo_producto` VARCHAR(12) NOT NULL UNIQUE,
          `codigo_secundario` VARCHAR(12) NOT NULL UNIQUE,
          `descripcion` VARCHAR(255) NOT NULL,
          `ingredientes` TEXT,
          `sabor` VARCHAR(100),
          `nombre_comercial` VARCHAR(150),
          `fecha_vencimiento` DATE,
          `rubro` VARCHAR(100),
          `tipo_producto` VARCHAR(100),
          `proveedor` VARCHAR(150),
          `sucursal` VARCHAR(100),
          `ubicacion_almacen` VARCHAR(100),
          `peso_concentracion` DECIMAL(10,3),
          `unidad_concentracion` VARCHAR(50),
          `presentacion_qty` INT,
          `unidad_presentacion` VARCHAR(50),
          `stock_minimo` INT,
          `stock_actual` INT,
          `precio_compra` DECIMAL(12,2),
          `ganancia` DECIMAL(12,2),
          `porcentaje_descuento` DECIMAL(5,2) DEFAULT 0,
          `precio_venta` DECIMAL(12,2),
          `igv` DECIMAL(5,2) DEFAULT $defaultIGV,
          `imagen_path` VARCHAR(255),
          `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
          UNIQUE KEY (`descripcion`)
        ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
    ");

    // intentar crear indice único para nombre_comercial (si no existe)
    try {
        $pdo->exec("ALTER TABLE products ADD UNIQUE INDEX uniq_nombre_comercial (nombre_comercial)");
    } catch (Exception $e) {
        // ignorar si ya existe (o si nombre_comercial tiene duplicados)
    }

} catch (Exception $e) {
    die("Error de conexión / creación DB: " . htmlspecialchars($e->getMessage()));
}

/* Asegurar carpeta images */
if (!file_exists($imagesFolder)) mkdir($imagesFolder, 0755, true);

/* Helper: generar siguiente código */
function next_code($pdo, $prefix, $digits = 4) {
    $stmt = $pdo->prepare("SELECT codigo_producto, codigo_secundario FROM products WHERE codigo_producto LIKE :like OR codigo_secundario LIKE :like ORDER BY id DESC LIMIT 1");
    $stmt->execute([':like' => $prefix . '%']);
    $row = $stmt->fetch(PDO::FETCH_ASSOC);
    $lastNum = 0;
    if ($row) {
        foreach (['codigo_producto','codigo_secundario'] as $col) {
            if (!empty($row[$col]) && strpos($row[$col], $prefix) === 0) {
                $numPart = preg_replace('/[^0-9]/', '', $row[$col]);
                if (is_numeric($numPart)) $lastNum = max($lastNum, intval($numPart));
            }
        }
    }
    $next = $lastNum + 1;
    return $prefix . str_pad($next, $digits, '0', STR_PAD_LEFT);
}

/* Valores iniciales para mostrar */
$nextAJ = next_code($pdo, 'AJ', 4);
$nextASR = next_code($pdo, 'ASR', 4);

/* Buscar logo: images/logo_artika.png preferido */
$logoPath = null;
if (file_exists($imagesFolder . '/logo_artika.png')) {
    $logoPath = 'images/logo_artika.png';
} else {
    foreach (['logo.png','logo.jpg','logo.jpeg','logo.svg'] as $f) {
        if (file_exists($imagesFolder . '/' . $f)) { $logoPath = 'images/' . $f; break; }
    }
}

/* Opciones default para selects */
$rubro_options = ['Helados','Congeladora','Carreta de helados','Postres','Bebidas'];
$tipo_options = ['Paleta','Vaso','Sándwich','Rellenas','Torta'];
$proveedor_options = ['Inversiones Artika Lima','Inversiones Artika Cusco','Proveedor Local'];
$sucursal_options = ['Juliaca','Puno','Cabanilla'];
$ubicacion_options = ['Tienda','Almacén','Refrigerador','Congelador Central'];
$unidad_presentacion_options = ['paletas/caja','vasos/caja','unidad','kg','litro'];
$unidad_medida_options = ['gr','kg','ml','lt','oz','Otro'];

/* Mensajes desde sesión (PRG) */
$successMsg = $_SESSION['success_msg'] ?? null;
$warningsFromSession = $_SESSION['warnings'] ?? [];
unset($_SESSION['success_msg'], $_SESSION['warnings']);

/* POST handling */
$errors = [];
$warnings = [];

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // leer campos
    $codigo_producto = $_POST['codigo_producto'] ?? next_code($pdo,'AJ',4);
    $codigo_secundario = $_POST['codigo_secundario'] ?? next_code($pdo,'ASR',4);
    $descripcion = trim($_POST['descripcion'] ?? '');
    $ingredientes = trim($_POST['ingredientes'] ?? '');
    $sabor = trim($_POST['sabor'] ?? '');
    if ($sabor === 'Otro') $sabor = trim($_POST['sabor_otro'] ?? '');
    $nombre_comercial = trim($_POST['nombre_comercial'] ?? '');
    $fecha_vencimiento = $_POST['fecha_vencimiento'] ?? null;

    $rubro = ($_POST['rubro_select'] ?? '') === 'Otro' ? trim($_POST['rubro_otro'] ?? '') : ($_POST['rubro_select'] ?? '');
    $tipo_producto = ($_POST['tipo_select'] ?? '') === 'Otro' ? trim($_POST['tipo_otro'] ?? '') : ($_POST['tipo_select'] ?? '');
    $proveedor = ($_POST['proveedor_select'] ?? '') === 'Otro' ? trim($_POST['proveedor_otro'] ?? '') : ($_POST['proveedor_select'] ?? '');
    $sucursal = ($_POST['sucursal_select'] ?? '') === 'Otro' ? trim($_POST['sucursal_otro'] ?? '') : ($_POST['sucursal_select'] ?? '');
    $ubicacion_almacen = ($_POST['ubicacion_select'] ?? '') === 'Otro' ? trim($_POST['ubicacion_otro'] ?? '') : ($_POST['ubicacion_select'] ?? '');

    $peso_concentracion = $_POST['peso_concentracion'] ?? null;
    $unidad_concentracion = ($_POST['unidad_medida'] ?? '');
    if ($unidad_concentracion === 'Otro') $unidad_concentracion = trim($_POST['unidad_medida_otro'] ?? '');
    $presentacion_qty = $_POST['presentacion_qty'] ?? null;
    $unidad_presentacion = ($_POST['unidad_presentacion_select'] ?? '') === 'Otro' ? trim($_POST['unidad_presentacion_otro'] ?? '') : ($_POST['unidad_presentacion_select'] ?? '');

    $stock_minimo = is_numeric($_POST['stock_minimo'] ?? null) ? intval($_POST['stock_minimo']) : 0;
    $stock_actual = is_numeric($_POST['stock_actual'] ?? null) ? intval($_POST['stock_actual']) : 0;

    $precio_compra = is_numeric($_POST['precio_compra'] ?? null) ? floatval($_POST['precio_compra']) : 0.0;
    $ganancia = is_numeric($_POST['ganancia'] ?? null) ? floatval($_POST['ganancia']) : 0.0;
    $porcentaje_descuento = is_numeric($_POST['porcentaje_descuento'] ?? null) ? floatval($_POST['porcentaje_descuento']) : 0.0;
    // precio_venta no confiaremos en POST, lo calcularemos en servidor para evitar manipulacion
    $igv = is_numeric($_POST['igv'] ?? null) ? floatval($_POST['igv']) : $defaultIGV;

    // validaciones
    if ($descripcion === '') $errors[] = "La descripción es obligatoria.";
    if ($stock_actual < 0) $errors[] = "Stock actual inválido.";
    if ($precio_compra < 0) $errors[] = "Precio de compra inválido.";
    if ($nombre_comercial === '') $errors[] = "El nombre comercial es obligatorio.";

    // duplicados: descripcion
    if (empty($errors)) {
        $stmt = $pdo->prepare("SELECT COUNT(*) FROM products WHERE LOWER(descripcion) = LOWER(:desc)");
        $stmt->execute([':desc'=>$descripcion]);
        if ($stmt->fetchColumn() > 0) $errors[] = "Ya existe un producto con esa descripción.";
    }
    // duplicado: nombre_comercial
    if (empty($errors)) {
        $stmt = $pdo->prepare("SELECT COUNT(*) FROM products WHERE LOWER(nombre_comercial) = LOWER(:nc)");
        $stmt->execute([':nc'=>$nombre_comercial]);
        if ($stmt->fetchColumn() > 0) $errors[] = "Ya existe un producto con ese Nombre Comercial.";
    }

    // calcular precio_venta en servidor (compra + ganancia - %descuento)
    $pv_base = $precio_compra + $ganancia;
    $computedPrecioVenta = $pv_base - ($pv_base * ($porcentaje_descuento / 100.0));
    // asegurar dos decimales y no negativo
    $computedPrecioVenta = round(max(0, $computedPrecioVenta), 2);

    // manejar imagen (con fallback si GD no disponible)
    $imagen_path = null;
    if (isset($_FILES['imagen']) && $_FILES['imagen']['error'] !== UPLOAD_ERR_NO_FILE) {
        $file = $_FILES['imagen'];
        if ($file['error'] !== UPLOAD_ERR_OK) {
            $errors[] = "Error al subir la imagen (código de error {$file['error']}).";
        } elseif ($file['size'] > $maxFileSizeBytes) {
            $errors[] = "La imagen supera el tamaño permitido (4 MB).";
        } else {
            // Detectar tipo con finfo si está
            $mime = null;
            if (function_exists('finfo_open')) {
                $finfo = finfo_open(FILEINFO_MIME_TYPE);
                $mime = finfo_file($finfo, $file['tmp_name']);
                finfo_close($finfo);
            } elseif (@getimagesize($file['tmp_name'])) {
                $info = getimagesize($file['tmp_name']);
                $mime = $info['mime'] ?? null;
            } else {
                $mime = mime_content_type($file['tmp_name'] ?? '');
            }

            $ext = null;
            if ($mime === 'image/png') $ext = 'png';
            elseif ($mime === 'image/jpeg' || $mime === 'image/jpg') $ext = 'jpg';
            elseif ($mime === 'image/svg+xml') $ext = 'svg';
            else {
                // fallback por extension del nombre
                $e = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));
                if (in_array($e, ['png','jpg','jpeg','svg'])) $ext = $e === 'jpeg' ? 'jpg' : $e;
            }

            if (!$ext) {
                $errors[] = "Tipo de imagen no soportado.";
            } else {
                $newFilename = $codigo_producto . '_' . time() . '.' . $ext;
                $destPath = $imagesFolder . '/' . $newFilename;

                // Detectar si GD está disponible y puede procesar jpg/png
                $gdAvailable = function_exists('imagecreatetruecolor') && (function_exists('imagecreatefromjpeg') || function_exists('imagecreatefrompng'));
                if (!$gdAvailable || $ext === 'svg') {
                    // fallback: mover sin redimensionar
                    if (!move_uploaded_file($file['tmp_name'], $destPath)) {
                        $errors[] = "Error al mover la imagen al destino.";
                    } else {
                        $imagen_path = 'images/' . $newFilename;
                        $warnings[] = "Imagen guardada sin redimensionar (GD no disponible o formato SVG). Recomiendo activar la extensión GD en PHP para redimensionado automático.";
                    }
                } else {
                    // intentamos redimensionar
                    $info = @getimagesize($file['tmp_name']);
                    if (!$info) {
                        // fallback mover
                        if (!move_uploaded_file($file['tmp_name'], $destPath)) $errors[] = "Error al mover la imagen.";
                        else {
                            $imagen_path = 'images/' . $newFilename;
                            $warnings[] = "Imagen guardada sin redimensionar (getimagesize falló).";
                        }
                    } else {
                        $w = $info[0]; $h = $info[1];
                        $scale = min($maxImageDimension / $w, $maxImageDimension / $h, 1);
                        $newW = (int)round($w * $scale);
                        $newH = (int)round($h * $scale);

                        if ($ext === 'png') {
                            $src = @imagecreatefrompng($file['tmp_name']);
                            if (!$src) {
                                // fallback
                                if (!move_uploaded_file($file['tmp_name'], $destPath)) $errors[] = "Error al mover PNG.";
                                else { $imagen_path = 'images/' . $newFilename; $warnings[]="PNG guardado sin redimensionar."; }
                            } else {
                                $dst = imagecreatetruecolor($newW, $newH);
                                imagealphablending($dst, false); imagesavealpha($dst, true);
                                imagecopyresampled($dst, $src, 0,0,0,0, $newW,$newH, $w,$h);
                                imagepng($dst, $destPath);
                                imagedestroy($src); imagedestroy($dst);
                                $imagen_path = 'images/' . $newFilename;
                            }
                        } else {
                            // jpg
                            if (!function_exists('imagecreatefromjpeg')) {
                                // unexpected but check again
                                if (!move_uploaded_file($file['tmp_name'], $destPath)) $errors[] = "Error al mover JPG (GD faltante).";
                                else { $imagen_path = 'images/' . $newFilename; $warnings[]="JPG guardado sin redimensionar (GD no disponible)."; }
                            } else {
                                $src = @imagecreatefromjpeg($file['tmp_name']);
                                if (!$src) {
                                    if (!move_uploaded_file($file['tmp_name'], $destPath)) $errors[] = "Error al mover JPG.";
                                    else { $imagen_path = 'images/' . $newFilename; $warnings[]="JPG guardado sin redimensionar."; }
                                } else {
                                    $dst = imagecreatetruecolor($newW, $newH);
                                    imagecopyresampled($dst, $src, 0,0,0,0, $newW,$newH, $w,$h);
                                    imagejpeg($dst, $destPath, 86);
                                    imagedestroy($src); imagedestroy($dst);
                                    $imagen_path = 'images/' . $newFilename;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    // insertar si no hay errores
    if (empty($errors)) {
        $insert = $pdo->prepare("INSERT INTO products
            (codigo_producto,codigo_secundario,descripcion,ingredientes,sabor,nombre_comercial,fecha_vencimiento,rubro,tipo_producto,proveedor,sucursal,ubicacion_almacen,peso_concentracion,unidad_concentracion,presentacion_qty,unidad_presentacion,stock_minimo,stock_actual,precio_compra,ganancia,porcentaje_descuento,precio_venta,igv,imagen_path)
            VALUES
            (:codigo_producto,:codigo_secundario,:descripcion,:ingredientes,:sabor,:nombre_comercial,:fecha_vencimiento,:rubro,:tipo_producto,:proveedor,:sucursal,:ubicacion_almacen,:peso_concentracion,:unidad_concentracion,:presentacion_qty,:unidad_presentacion,:stock_minimo,:stock_actual,:precio_compra,:ganancia,:porcentaje_descuento,:precio_venta,:igv,:imagen_path)
        ");
        $ok = $insert->execute([
            ':codigo_producto'=>$codigo_producto,
            ':codigo_secundario'=>$codigo_secundario,
            ':descripcion'=>$descripcion,
            ':ingredientes'=>$ingredientes,
            ':sabor'=>$sabor,
            ':nombre_comercial'=>$nombre_comercial,
            ':fecha_vencimiento'=> $fecha_vencimiento ? $fecha_vencimiento : null,
            ':rubro'=>$rubro,
            ':tipo_producto'=>$tipo_producto,
            ':proveedor'=>$proveedor,
            ':sucursal'=>$sucursal,
            ':ubicacion_almacen'=>$ubicacion_almacen,
            ':peso_concentracion'=> $peso_concentracion ?: null,
            ':unidad_concentracion'=>$unidad_concentracion,
            ':presentacion_qty'=> $presentacion_qty ?: null,
            ':unidad_presentacion'=>$unidad_presentacion,
            ':stock_minimo'=> (int)$stock_minimo,
            ':stock_actual'=> (int)$stock_actual,
            ':precio_compra'=> (float)$precio_compra,
            ':ganancia'=> (float)$ganancia,
            ':porcentaje_descuento'=> (float)$porcentaje_descuento,
            ':precio_venta'=> (float)$computedPrecioVenta,
            ':igv'=> (float)$igv,
            ':imagen_path'=> $imagen_path
        ]);

        if ($ok) {
            // guardar mensajes en session y PRG
            $_SESSION['success_msg'] = "Producto guardado OK. Código: $codigo_producto";
            if (!empty($warnings)) $_SESSION['warnings'] = $warnings;
            header("Location: " . $_SERVER['PHP_SELF']);
            exit;
        } else {
            $errors[] = "Error al guardar en la base de datos.";
        }
    }
}

// Si hay warnings de session (post-redirect)
if (!empty($warningsFromSession)) $warnings = array_merge($warningsFromSession, $warnings);

?>
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>SVHA — Añadir Producto (corregido)</title>
<style>
  :root{
    --red:#c81b1b; --white:#fff; --muted:#6b6b6b; --radius:10px; font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  }
  *{box-sizing:border-box}
  body{margin:0; background: linear-gradient(135deg,#ff5252 0%, #c81b1b 45%, #7a0f0f 100%); color:#111; min-height:100vh}
  header{padding:12px 18px; display:flex; align-items:center; justify-content:space-between; background:rgba(0,0,0,0.06); border-bottom:1px solid rgba(255,255,255,0.04)}
  .brand{display:flex;align-items:center;gap:12px}
  .brand img{height:56px;width:auto;border-radius:8px;background:#fff;padding:4px}
  .brand .title{color:var(--white);font-weight:800}
  nav a{color:var(--white); text-decoration:none; padding:8px 10px; font-weight:700}
  .container{max-width:1200px;margin:18px auto;padding:12px; display:grid; grid-template-columns:1fr 420px; gap:16px}
  @media (max-width:1100px){ .container{grid-template-columns:1fr} .rightCol{order:-1} }
  .leftCol{display:grid; grid-template-rows:1fr 1fr; gap:12px; min-height:520px}
  .rightCol{display:flex;flex-direction:column;gap:12px}
  .card{background:#fff; border-radius:var(--radius); padding:14px; box-shadow:0 8px 24px rgba(0,0,0,0.12)}
  .cardTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
  .badge{background:var(--red); color:var(--white); padding:6px 10px; border-radius:8px; font-weight:800}
  label{display:block;margin-bottom:6px;font-weight:700;color:#444;font-size:13px}
  input[type="text"], input[type="number"], input[type="date"], textarea, select { width:100%; padding:10px 12px; border-radius:8px; border:1px solid rgba(0,0,0,0.12); font-size:14px; }
  input:focus, select:focus, textarea:focus { outline:none; border-color:var(--red); box-shadow:0 8px 20px rgba(200,20,20,0.08) }
  textarea{min-height:72px; resize:vertical}
  input[readonly] { background:#f3f3f3; color:#666; border-left:6px solid rgba(0,0,0,0.06); cursor:not-allowed; }
  .fieldGrid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
  .fieldGrid3cols{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
  .colStack{display:flex;flex-direction:column;gap:10px}
  .previewBox{height:300px;background:#fff;border-radius:8px;border:1px dashed rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;overflow:hidden}
  .previewBox img{max-width:100%;max-height:100%;object-fit:contain}
  .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
  .btn{background:var(--red); color:var(--white); padding:10px 14px; border-radius:8px; border:0; font-weight:800; cursor:pointer}
  .btn.secondary{background:transparent;color:var(--red);border:2px solid rgba(0,0,0,0.06)}
  .msg{padding:10px;border-radius:8px;font-weight:700;margin-bottom:8px}
  .msg.success{background:#e8f7ee;color:#056a3d;border:1px solid #cfefe0}
  .msg.warning{background:#fff7e6;color:#7a5200;border:1px solid #f5e5c7}
  .msg.error{background:#fff0f0;color:#9b1b1b;border:1px solid #f4c9c9}
  .muted{color:var(--muted);font-size:13px}
  .summary{background:#fff;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,0.04)}
  input[readonly].precio{background:#f3f3f3}
</style>
</head>
<body>
<header>
  <div class="brand">
    <?php if ($logoPath): ?>
      <img src="<?=htmlspecialchars($logoPath)?>" alt="Logo Artika">
    <?php else: ?>
      <div style="width:72px;height:56px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--red)">ART</div>
    <?php endif; ?>
    <div>
      <div class="title">Artika Perú — SVHA</div>
      <div class="muted" style="color:rgba(255,255,255,0.8)">Sistema de Ventas para Helados</div>
    </div>
  </div>

  <nav>
    <a href="index.php">HOME</a>
    <a href="añadir_producto.php" style="margin-left:8px;background:rgba(255,255,255,0.04);padding:8px 10px;border-radius:8px;">AÑADIR</a>
    <a href="editar.php" style="margin-left:8px">EDITAR</a>
    <a href="buscar.php" style="margin-left:8px">BUSCADOR</a>
    <a href="ventas.php" style="margin-left:8px">VENDER</a>
    <a href="clientes.php" style="margin-left:8px">CLIENTE</a>
    <a href="somos.php" style="margin-left:8px">SOMOS</a>
    <span style="margin-left:12px;">
      <a href="#" title="Facebook" style="margin-right:8px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="#fff"><path d="M22 12a10 10 0 1 0-11.5 9.9v-7h-2.3V12h2.3V9.8c0-2.3 1.4-3.6 3.4-3.6.98 0 2 .18 2 .18v2.2h-1.12c-1.1 0-1.44.68-1.44 1.37V12h2.45l-.39 2.9h-2.06v7A10 10 0 0 0 22 12z"/></svg></a>
      <a href="#" title="Instagram" style="margin-right:8px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="#fff"><path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 6.2A3.8 3.8 0 1 0 15.8 12 3.8 3.8 0 0 0 12 8.2zm5.5-2.9a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9z"/></svg></a>
      <a href="#" title="WhatsApp"><svg width="18" height="18" viewBox="0 0 24 24" fill="#fff"><path d="M17.472 14.382c-.297-.15-1.758-.867-2.03-.967-.273-.099-.472-.148-.672.15-.198.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.447-.52.15-.174.2-.298.3-.497.099-.198.05-.372-.025-.522-.074-.149-.672-1.612-.92-2.21-.242-.579-.487-.5-.672-.51l-.573-.01c-.198 0-.522.074-.796.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.148.198 2.095 3.2 5.077 4.487 0 0 .09.037.163.055.07.018.136.03.194.045.198.05.397.05.547.03.173-.02 1.758-.716 2.006-.995.248-.279.248-.517.173-.717-.074-.198-.272-.298-.57-.447zM12 2C6.486 2 2 6.486 2 12c0 1.99.52 3.843 1.428 5.486L2 22l4.62-1.293C8.157 21.466 10.044 22 12 22c5.514 0 10-4.486 10-10S17.514 2 12 2z"/></svg></a>
    </span>
  </nav>
</header>

<main class="container" role="main">
  <div class="leftCol">
    <!-- DATOS GENERALES -->
    <section class="card" aria-label="Datos Generales">
      <div class="cardTitle"><div><span class="badge">DATOS GENERALES</span></div><div class="muted">Códigos, descripción, ingredientes y fecha</div></div>

      <?php if (!empty($successMsg)): ?>
        <div class="msg success"><?= htmlspecialchars($successMsg) ?></div>
      <?php endif; ?>

      <?php if (!empty($warnings)): foreach($warnings as $w): ?>
        <div class="msg warning"><?= htmlspecialchars($w) ?></div>
      <?php endforeach; endif; ?>

      <?php if (!empty($errors)): foreach($errors as $err): ?>
        <div class="msg error"><?= htmlspecialchars($err) ?></div>
      <?php endforeach; endif; ?>

      <form id="frm" method="post" enctype="multipart/form-data">
        <div class="fieldGrid" style="margin-top:8px;">
          <div>
            <label for="codigo_producto">A. Código Producto</label>
            <input type="text" id="codigo_producto" name="codigo_producto" readonly value="<?=htmlspecialchars($nextAJ)?>" />
          </div>
          <div>
            <label for="codigo_secundario">B. Código Secundario</label>
            <input type="text" id="codigo_secundario" name="codigo_secundario" readonly value="<?=htmlspecialchars($nextASR)?>" />
          </div>

          <div style="grid-column:1 / -1;">
            <label for="descripcion">C. Descripción del producto *</label>
            <input type="text" id="descripcion" name="descripcion" placeholder="Ej: Helado de chocolate con trozos..." />
          </div>

          <div style="grid-column:1 / -1;">
            <label for="ingredientes">D. Ingredientes</label>
            <textarea id="ingredientes" name="ingredientes" placeholder="Cacao, vainilla, leche..."></textarea>
          </div>

          <div>
            <label for="sabor">E. Sabor</label>
            <select id="sabor" name="sabor">
              <option value="">-- Seleccionar --</option>
              <option>Chocolate</option><option>Vainilla</option><option>Fresa</option><option>Lucuma</option><option>Otro</option>
            </select>
            <input type="text" id="sabor_otro" name="sabor_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="nombre_comercial">F. Nombre Comercial (único)</label>
            <input type="text" id="nombre_comercial" name="nombre_comercial" placeholder="Nombre comercial (único)" />
            <div class="hint">No debe existir otro Producto con el mismo Nombre Comercial.</div>
          </div>

          <div>
            <label for="fecha_vencimiento">G. Fecha de vencimiento</label>
            <input type="date" id="fecha_vencimiento" name="fecha_vencimiento" />
          </div>
        </div>
    </section>

    <!-- INVENTARIO (abajo): reorganizado en 3 columnas -->
    <section class="card" aria-label="Inventario" style="margin-top:12px">
      <div class="cardTitle"><div><span class="badge">INVENTARIO</span></div><div class="muted">Sucursal, unidad, presentacion y stocks</div></div>

      <div class="fieldGrid3cols" style="margin-top:10px;">
        <!-- COLUMNA 1: G,H,I,J,K -->
        <div class="colStack">
          <div>
            <label for="rubro_select">G. Rubro</label>
            <select id="rubro_select" name="rubro_select">
              <option value="">-- Seleccionar --</option>
              <?php foreach($rubro_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
              <option>Otro</option>
            </select>
            <input type="text" id="rubro_otro" name="rubro_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="tipo_select">H. Tipo de producto</label>
            <select id="tipo_select" name="tipo_select">
              <option value="">-- Seleccionar --</option>
              <?php foreach($tipo_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
              <option>Otro</option>
            </select>
            <input type="text" id="tipo_otro" name="tipo_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="proveedor_select">I. Proveedor</label>
            <select id="proveedor_select" name="proveedor_select">
              <option value="">-- Seleccionar --</option>
              <?php foreach($proveedor_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
              <option>Otro</option>
            </select>
            <input type="text" id="proveedor_otro" name="proveedor_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="sucursal_select">J. Sucursal</label>
            <select id="sucursal_select" name="sucursal_select">
              <option value="">-- Seleccionar --</option>
              <?php foreach($sucursal_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
              <option>Otro</option>
            </select>
            <input type="text" id="sucursal_otro" name="sucursal_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="ubicacion_select">K. Ubicación almacenado</label>
            <select id="ubicacion_select" name="ubicacion_select">
              <option value="">-- Seleccionar --</option>
              <?php foreach($ubicacion_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
              <option>Otro</option>
            </select>
            <input type="text" id="ubicacion_otro" name="ubicacion_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>
        </div>

        <!-- COLUMNA 2: L,N,O -->
        <div class="colStack">
          <div>
            <label for="peso_concentracion">L. Peso / Concentración</label>
            <input type="number" step="any" id="peso_concentracion" name="peso_concentracion" placeholder="100" />
          </div>

          <div>
            <label for="presentacion_qty">N. Presentación (cantidad)</label>
            <input type="number" id="presentacion_qty" name="presentacion_qty" placeholder="100" />
          </div>

          <div>
            <label for="stock_minimo">O. Stock mínimo</label>
            <input type="number" id="stock_minimo" name="stock_minimo" value="5" />
          </div>
        </div>

        <!-- COLUMNA 3: M, Ñ, P -->
        <div class="colStack">
          <div>
            <label for="unidad_medida">M. Unidad de medida</label>
            <select id="unidad_medida" name="unidad_medida">
              <option value="">-- Seleccionar --</option>
              <?php foreach($unidad_medida_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
            </select>
            <input type="text" id="unidad_medida_otro" name="unidad_medida_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="unidad_presentacion_select">Ñ. Unidad de presentación</label>
            <select id="unidad_presentacion_select" name="unidad_presentacion_select">
              <option value="">-- Seleccionar --</option>
              <?php foreach($unidad_presentacion_options as $o) echo '<option>'.htmlspecialchars($o).'</option>'; ?>
              <option>Otro</option>
            </select>
            <input type="text" id="unidad_presentacion_otro" name="unidad_presentacion_otro" placeholder="Si eliges Otro..." style="display:none;margin-top:8px" />
          </div>

          <div>
            <label for="stock_actual">P. Stock actual</label>
            <input type="number" id="stock_actual" name="stock_actual" value="0" required />
          </div>
        </div>
      </div>
    </section>
  </div>

  <!-- derecha -->
  <aside class="rightCol">
    <!-- IMAGEN uploader -->
    <div class="card" aria-label="Imagen">
      <div class="cardTitle"><div><span class="badge">IMAGEN</span></div><div class="muted">Sube imagen de referencia</div></div>
      <div style="margin-top:8px;">
        <label for="imagen">V. Subir imagen (jpg/png/svg)</label>
        <input type="file" id="imagen" name="imagen" accept="image/png,image/jpeg,image/svg+xml" />
        <div style="display:flex;gap:8px;margin-top:8px;">
          <button type="button" class="btn secondary" id="btnClearImage">Borrar imagen</button>
          <div class="hint" style="align-self:center">Se guardará en <code>images/</code>. Máx 4MB.</div>
        </div>
      </div>
    </div>

    <!-- Imagen subida (preview) -->
    <div class="card">
      <div class="cardTitle"><div><strong>Imagen subida</strong></div></div>
      <div class="previewBox" id="previewBox"><span class="muted">No hay imagen</span></div>
    </div>

    <!-- PRECIOS debajo de la imagen -->
    <div class="card" aria-label="Precios">
      <div class="cardTitle"><div><span class="badge">PRECIOS & DESCUENTOS</span></div></div>
      <div style="margin-top:8px;">
        <div style="display:grid; grid-template-columns: repeat(4,1fr); gap:10px;">
          <div>
            <label for="precio_compra">Q. Precio compra (S/.)</label>
            <input type="number" step="0.01" id="precio_compra" name="precio_compra" value="0.00" />
          </div>
          <div>
            <label for="ganancia">R. Ganancia (S/.)</label>
            <input type="number" step="0.01" id="ganancia" name="ganancia" value="0.00" />
          </div>
          <div>
            <label for="porcentaje_descuento">S. % Descuento</label>
            <input type="number" step="0.01" id="porcentaje_descuento" name="porcentaje_descuento" value="0.00" />
          </div>
          <div>
            <label for="precio_venta">T. Precio Venta (S/.)</label>
            <input type="number" step="0.01" id="precio_venta" name="precio_venta" class="precio" readonly />
            <div class="hint">Campo calculado y no editable.</div>
          </div>

          <div style="grid-column:1 / 3;">
            <label for="igv">U. IGV (%)</label>
            <input type="number" step="0.01" id="igv" name="igv" value="<?= htmlspecialchars($defaultIGV) ?>" />
          </div>

          <div style="grid-column:3 / 5; display:flex; align-items:center; gap:8px;">
            <div class="muted">Precio (sin IGV): <strong>S/. <span id="calcVenta">0.00</span></strong></div>
            <div class="muted">Con IGV: <strong>S/. <span id="calcVentaIgv">0.00</span></strong></div>
          </div>
        </div>
      </div>
    </div>

    <!-- RESUMEN -->
    <div class="card">
      <div class="cardTitle"><div><strong>RESUMEN</strong></div></div>
      <div class="summary" style="margin-top:8px">
        <div><strong>Códigos:</strong> <span id="resCod"><?=htmlspecialchars($nextAJ)?> / <?=htmlspecialchars($nextASR)?></span></div>
        <div><strong>Descripción:</strong> <span id="resDesc" class="muted">-</span></div>
        <div><strong>Stock:</strong> <span id="resStock" class="muted">0</span></div>
        <div style="margin-top:10px; text-align:right;">
          <div class="actions">
            <button class="btn" type="submit" form="frm">Guardar producto</button>
            <button class="btn secondary" type="button" onclick="document.getElementById('frm').reset(); resetPreview();">Limpiar</button>
          </div>
        </div>
      </div>
    </div>
  </aside>

  <!-- pie: contacto / sucursal -->
  <div style="grid-column:1 / -1; margin-top:12px">
    <section class="card" style="display:flex;justify-content:space-between;align-items:center;gap:12px">
      <div>
        <strong>Contacto / Sucursal</strong>
        <div class="muted">Ciudad · Departamento · Dirección · Responsable</div>
      </div>
      <div class="muted">Estos datos se pueden administrar en la tabla de sucursales (¿deseas que la cree ahora?).</div>
    </section>
  </div>

  </form> <!-- fin formulario -->
</main>

<script>
  // preview imagen
  const imgInput = document.getElementById('imagen');
  const previewBox = document.getElementById('previewBox');
  function resetPreview(){ previewBox.innerHTML = '<span class="muted">No hay imagen</span>'; imgInput.value = ''; }
  imgInput?.addEventListener('change', e=>{
    const f = e.target.files[0];
    if (!f) { resetPreview(); return; }
    const url = URL.createObjectURL(f);
    previewBox.innerHTML = '<img src="'+url+'" alt="preview">';
  });

  // Botón borrar imagen
  document.getElementById('btnClearImage')?.addEventListener('click', ()=>{
    resetPreview();
  });

  // calculadora (igv dinámico, maneja igv=0)
  const compra = document.getElementById('precio_compra');
  const ganancia = document.getElementById('ganancia');
  const desc = document.getElementById('porcentaje_descuento');
  const venta = document.getElementById('precio_venta');
  const igvField = document.getElementById('igv');
  const calcVenta = document.getElementById('calcVenta');
  const calcVentaIgv = document.getElementById('calcVentaIgv');

  function updateCalc(){
    const pc = parseFloat(compra?.value) || 0;
    const g = parseFloat(ganancia?.value) || 0;
    const pdesc = parseFloat(desc?.value) || 0;
    let pv = pc + g;
    pv = pv - (pv * (pdesc/100));
    pv = Math.round(pv * 100) / 100;
    if (venta) venta.value = pv.toFixed(2);
    const igv = parseFloat(igvField?.value);
    const igvVal = isNaN(igv) ? <?= json_encode($defaultIGV) ?> : igv;
    const pvIgv = Math.round((pv * (1 + igvVal/100)) * 100) / 100;
    if (calcVenta) calcVenta.textContent = pv.toFixed(2);
    if (calcVentaIgv) calcVentaIgv.textContent = pvIgv.toFixed(2);
  }
  [compra, ganancia, desc, igvField].forEach(el => el?.addEventListener('input', updateCalc));
  updateCalc();

  // resumen dinámico
  document.getElementById('descripcion')?.addEventListener('input', e=>{
    document.getElementById('resDesc').textContent = e.target.value || '-';
  });
  document.getElementById('stock_actual')?.addEventListener('input', e=>{
    document.getElementById('resStock').textContent = e.target.value || '0';
  });
  document.getElementById('resCod').textContent = document.getElementById('codigo_producto').value + ' / ' + document.getElementById('codigo_secundario').value;

  // show/hide otros
  const toggles = [
    {sel:'rubro_select', other:'rubro_otro'},
    {sel:'tipo_select', other:'tipo_otro'},
    {sel:'proveedor_select', other:'proveedor_otro'},
    {sel:'sucursal_select', other:'sucursal_otro'},
    {sel:'ubicacion_select', other:'ubicacion_otro'},
    {sel:'unidad_presentacion_select', other:'unidad_presentacion_otro'},
    {sel:'sabor', other:'sabor_otro'},
    {sel:'unidad_medida', other:'unidad_medida_otro'}
  ];
  toggles.forEach(t=>{
    const s = document.getElementById(t.sel);
    const o = document.getElementById(t.other);
    if (!s || !o) return;
    s.addEventListener('change', function(){
      if (this.value === 'Otro') { o.style.display = 'block'; o.focus(); }
      else o.style.display = 'none';
    });
    if (s.value === 'Otro') o.style.display='block';
  });

  // Si llegamos por PRG con success msg limpiamos preview
  (function(){
    // Si la página vino con success (servidor puso $_SESSION), el mensaje ya se mostró.
    // Limpiar preview (si necesario)
    // history.replaceState para limpiar query params si hay
    if(window.location.search.includes('saved')) {
      history.replaceState(null,'',location.pathname);
    }
  })();
</script>
</body>
</html>