document.addEventListener('DOMContentLoaded', function() {




// sellhistory.js
(function() {
  // Configuracion de las ventas que quieres mostrar
  const ventas = [
"2025-05-09 11:43\n Comercializadora Matching Deals Limitada compró $16.428 y retiró en tienda",
"2025-05-09 11:41\n PRINT SOLUTIONS SPA compró $24.590 y despachamos a Viña Del Mar",
"2025-05-09 09:38\n Openmatic Ltda compró $16.476 y retiró en tienda",
"2025-05-09 02:41\n SERVICIOS LOGÍSTICA Y TRANSPORTE SPA  compró $24.381 y despachamos a San Esteban",
"2025-05-09 01:19\n Carlos  compró $11.539 y despachamos a Cañete",
"2025-05-08 23:22\n Carlos  compró $25.498 y despachamos a Sagrada Familia",
"2025-05-08 19:55\n Jose compró $9.752 y despachamos a La Reina",
"2025-05-08 19:04\n Pedro  compró $4.376 y despachamos a Puerto Montt",
"2025-05-08 17:52\n BERMÚDEZ Y SÁEZ INVERSIONES LTDA compró $9.269 y despachamos a Colina",
"2025-05-08 16:52\n Roberto  compró $12.180 y despachamos a El Bosque",
"2025-05-08 15:34\n Katherine compró $19.290 y despachamos a Arica",
"2025-05-08 13:48\n Hector compró $85.673 y despachamos a Villa Alemana",
"2025-05-08 13:26\n SISTEMAS MEDICOS SPA compró $8.395 y retiró en tienda",
"2025-05-08 10:28\n alonso compró $8.190 y despachamos a Ñuñoa",
"2025-05-08 09:50\n José  compró $12.310 y despachamos a Providencia",
"2025-05-08 09:46\n José  compró $12.310 y despachamos a Providencia",
"2025-05-08 09:22\n Emilio compró $12.280 y despachamos a Puente Alto",
"2025-05-08 07:09\n Tomas compró $12.117 y retiró en tienda",
"2025-05-08 06:59\n Hott, servicios medicos...... compró $7.249 y despachamos a Providencia",
"2025-05-08 06:57\n Hott, servicios medicos...... compró $6.787 y despachamos a Providencia",
"2025-05-08 00:02\n BOSQUE NUBLADO SPA compró $11.004 y despachamos a San Miguel",
"2025-05-07 21:23\n doris compró $46.556 y despachamos a Recoleta",
"2025-05-07 20:32\n Maximiliano compró $3.396 y retiró en tienda",
"2025-05-07 18:50\n Ankaa  compró $4.073 y retiró en tienda",
"2025-05-07 18:39\n Alejandro  compró $8.694 y despachamos a Vitacura",
"2025-05-07 18:06\n Gresly compró $8.062 y despachamos a Santiago",
"2025-05-07 17:18\n renecilloh compró $8.923 y despachamos a Cerro Navia",
"2025-05-07 14:04\n silvano compró $16.170 y despachamos a Vicuña",
"2025-05-07 11:57\n Catalina compró $8.181 y despachamos a San Miguel",
"2025-05-07 10:54\n Diego compró $10.170 y despachamos a Las Condes",
"2025-05-07 10:46\n LEÓN Y GAJARDO SPA compró $10.633 y despachamos a Nacimiento",
"2025-05-07 09:32\n roberto compró $8.981 y despachamos a Quilicura",
"2025-05-07 08:43\n David  compró $67.180 y despachamos a Calama",
"2025-05-07 07:41\n Javiera compró $6.152 y despachamos a Estacion Central",
"2025-05-06 22:18\n Guerlinks compró $8.259 y despachamos a Renca",
"2025-05-06 20:53\n Marcelo compró $4.265 y retiró en tienda",
"2025-05-06 20:28\n Rodolfo compró $21.868 y despachamos a Coquimbo",
"2025-05-06 19:40\n doris compró $15.139 y despachamos a Recoleta",
"2025-05-06 16:27\n Carlos  compró $4.697 y retiró en tienda",
"2025-05-06 16:09\n Rodrigo  compró $64.356 y despachamos a Coyhaique",
"2025-05-06 15:46\n Ignacia compró $3.675 y retiró en tienda",
"2025-05-06 14:30\n mauricio compró $13.717 y despachamos a Renca",
"2025-05-06 13:08\n Marco compró $4.048 y retiró en tienda",
"2025-05-06 12:54\n Analitiks SpA compró $91.839 y despachamos a Concepción",
"2025-05-06 12:25\n Sergio  compró $21.059 y despachamos a La Reina",
"2025-05-06 12:19\n Diego  compró $14.756 y despachamos a Las Condes",
"2025-05-06 11:04\n SBY TECHNOLOGIES SPA compró $22.430 y retiró en tienda",
"2025-05-06 11:00\n Raúl  compró $7.488 y despachamos a Pudahuel",
"2025-05-06 10:28\n VICENTE GUTIERREZ ESPINOSA compró $7.830 y despachamos a Constitucion",
"2025-05-06 10:05\n Edward compró $9.300 y retiró en tienda",
"2025-05-06 09:54\n Francisco compró $2.525 y retiró en tienda",
"2025-05-06 09:31\n Felipe  compró $8.344 y despachamos a Quilicura",
"2025-05-05 22:35\n Alvaro compró $7.423 y despachamos a Ñuñoa",
"2025-05-05 22:33\n SERVICIOS ACUICOLAS MOLINA Y VENEGAS LIMITADA compró $28.382 y despachamos a Puerto Montt",
"2025-05-05 21:55\n Mario compró $10.873 y despachamos a Huechuraba",
"2025-05-05 21:21\n Refrival spa compró $11.031 y despachamos a Valdivia",
"2025-05-05 17:40\n MOHAMED compró $20.333 y despachamos a Puerto Montt",
"2025-05-05 17:36\n Evelyn  compró $9.450 y despachamos a Ñuñoa",
"2025-05-05 16:03\n Jorge  compró $13.314 y despachamos a Temuco",
"2025-05-05 15:52\n David  compró $28.575 y despachamos a Calama",
"2025-05-05 14:33\n Daniel compró $11.415 y retiró en tienda",
"2025-05-05 13:44\n Marco  compró $7.766 y despachamos a Las Condes",
"2025-05-05 13:31\n FERRETERIA SAN CRISTOBAL SPA compró $50.521 y despachamos a San Antonio",
"2025-05-05 13:20\n FLOR compró $2.779 y retiró en tienda",
"2025-05-05 11:59\n Eelectro Centro SPA compró $13.305 y despachamos a Quilicura",
"2025-05-05 11:53\n José  compró $9.158 y despachamos a Pudahuel",
"2025-05-05 11:41\n marcos compró $3.075 y retiró en tienda",
"2025-05-05 11:32\n Juan  compró $14.136 y despachamos a San Miguel",
"2025-05-05 11:19\n Maximiliano compró $7.032 y despachamos a Vitacura",
"2025-05-05 11:01\n CABALZA SA compró $53.630 y despachamos a Quilicura",
"2025-05-05 10:35\n Mueblería Zlatar spa compró $50.661 y despachamos a Romeral",
"2025-05-05 10:22\n Hans compró $21.220 y despachamos a Las Condes",
"2025-05-05 09:28\n WIPRIME CHILE SPA  compró $10.153 y despachamos a Huechuraba",
"2025-05-04 21:36\n Osvaldo  compró $11.565 y despachamos a Castro",
"2025-05-04 21:19\n Francisco  compró $18.600 y despachamos a Coronel",
"2025-05-04 21:18\n Jorge  compró $14.212 y despachamos a Quilicura",
"2025-05-04 19:50\n importadora FranciscoLubascher compró $9.889 y despachamos a Las Condes",
"2025-05-04 17:00\n Luis compró $11.527 y despachamos a Antofagasta",
"2025-05-04 16:40\n Jose Luis Alvarado Muñoz compró $10.140 y despachamos a Paillaco",
"2025-05-04 14:11\n Pablo  compró $13.750 y despachamos a Maipú",
"2025-05-04 13:28\n WING CHUN KUNG FU SPA compró $9.203 y despachamos a Quintero",
"2025-05-04 12:53\n Mario  compró $9.260 y despachamos a La Florida",
"2025-05-04 12:40\n Mauricio  compró $8.830 y despachamos a Melipilla",
"2025-05-04 12:08\n nmonckeberg compró $10.812 y despachamos a Lo Barnechea",
"2025-05-04 11:42\n FELIPE compró $12.988 y despachamos a Lo Barnechea",
"2025-05-04 00:17\n Naceclima  SpA compró $12.138 y despachamos a Maipú",
"2025-05-03 23:51\n Mecanica Rojas SPA compró $7.689 y despachamos a Hualañe",
"2025-05-03 19:47\n felipe compró $8.053 y despachamos a Huechuraba",
"2025-05-03 19:05\n Francisco compró $35.440 y despachamos a Providencia",
"2025-05-03 13:36\n Pablo  compró $13.334 y despachamos a Santiago",
"2025-05-03 12:24\n Manuel  compró $7.618 y despachamos a Santiago",
"2025-05-03 08:32\n DULCERÍA RENATA PASSARELLI TIRICO EMPRESA INDIVIDUAL DE RESPONSABILIDAD LIMITADA compró $9.889 y despachamos a Las Condes",
"2025-05-03 01:20\n MIGUEL compró $13.270 y despachamos a Concón",
"2025-05-02 23:25\n Roberto compró $9.234 y despachamos a Viña Del Mar",
"2025-05-02 20:48\n claudio  compró $14.762 y despachamos a Calama",
"2025-05-02 20:28\n Hung-I compró $8.464 y despachamos a Cerrillos",
"2025-05-02 20:10\n Josefa compró $13.807 y despachamos a Colina",
"2025-05-02 08:53\n Jonathan  compró $22.512 y despachamos a Providencia",
"2025-05-01 23:20\n Felipe compró $10.012 y despachamos a Macul",
"2025-05-01 12:18\n jaime compró $8.677 y despachamos a San Bernardo"
  ];

  // Crear el contenedor flotante
  const container = document.createElement('div');
  container.style.position = 'fixed';
  container.style.bottom = '20px';
  container.style.right = '20px';
  container.style.width = '250px';
  container.style.maxWidth = '80%';
  container.style.height = '120px';
  container.style.maxHeight = '30%';
  container.style.backgroundColor = 'white';
  container.style.border = '1px solid #ccc';
  container.style.borderRadius = '12px';
  container.style.boxShadow = '0px 4px 12px rgba(0, 0, 0, 0.2)';
  container.style.overflow = 'hidden';
  container.style.zIndex = '9999';
  container.style.fontFamily = 'Arial, sans-serif';
  container.style.display = 'flex';
  container.style.flexDirection = 'column';
  container.style.padding = '5px';

  // Contenedor de la lista
  const listContainer = document.createElement('div');
  listContainer.style.flex = '1';
  listContainer.style.overflow = 'hidden';
  listContainer.style.position = 'relative';
  listContainer.style.marginTop = '0';

  const list = document.createElement('div');
  list.style.position = 'absolute';
  list.style.top = '0';
  list.style.left = '0';
  list.style.right = '0';

  // Agregar las ventas al listado
  ventas.forEach(venta => {
    const item = document.createElement('div');
    item.innerText = venta;
    item.style.padding = '10px';
    item.style.borderBottom = '1px solid #eee';
    item.style.fontSize = '14px';
    item.style.background = 'white';
    list.appendChild(item);
  });

  listContainer.appendChild(list);
  container.appendChild(listContainer);

  // Boton para cerrar
  const closeButton = document.createElement('button');
  closeButton.innerText = 'X';
  closeButton.style.position = 'absolute';
  closeButton.style.top = '5px';
  closeButton.style.right = '5px';
  closeButton.style.width = '24px';
  closeButton.style.height = '24px';
  closeButton.style.borderRadius = '50%';
  closeButton.style.background = '#ff5c5c';
  closeButton.style.border = 'none';
  closeButton.style.color = 'white';
  closeButton.style.fontWeight = 'bold';
  closeButton.style.cursor = 'pointer';
  closeButton.style.fontSize = '14px';
  closeButton.style.display = 'flex';
  closeButton.style.alignItems = 'center';
  closeButton.style.justifyContent = 'center';
  closeButton.style.boxShadow = '0px 2px 4px rgba(0,0,0,0.3)';
  closeButton.style.zIndex = '10000';

  closeButton.addEventListener('click', () => {
    container.remove();
  });

  container.appendChild(closeButton);
  document.body.appendChild(container);

  // Movimiento hacia arriba
  let position = 0;
  const speed = 0.5; // velocidad de movimiento

  function moveList() {
    position -= speed;
    list.style.top = position + 'px';

    // Reiniciar scroll cuando llega al final
    if (Math.abs(position) > list.offsetHeight - listContainer.offsetHeight) {
      position = 0;
    }

    requestAnimationFrame(moveList);
  }

  moveList();

  // Auto-cierre a los 30 segundos
  setTimeout(() => {
    container.remove();
  }, 300000);
})();




});