CYNTRA — Operaciones

CYNTRA Assistant

(function(){

const CARRIERS = ['Correos Express', 'SEUR', 'MRW', 'GLS', 'Nacex', 'Correos', 'DHL', 'UPS', 'TIPSA', 'InPost', 'Envialia', 'Zeleris', 'Otro'];

let zoneId = 0;
// zonesContainer ID is always available in the live mount

function calc() {
  const pedidos = parseFloat(document.getElementById('pedidos').value) || 0;
  const tasaDevol = (parseFloat(document.getElementById('tasaDevol').value) || 0) / 100;
  const ratioDevol = (parseFloat(document.getElementById('ratioDevol').value) || 0) / 100;

const rows = [...document.getElementById('zonesContainer').querySelectorAll('.zone-row')];
  let pctSum = 0;
  let totalSalida = 0;
  let totalDevol = 0;
  let breakdownLines = [];

rows.forEach(row => {
    const nombre = row.querySelector('.zona-sel').value || 'Zona';
    const carrier = row.querySelector('.carrier-sel').value;
    const numberInputs = row.querySelectorAll('input[type=number]');
    const pct = parseFloat(numberInputs[0].value) || 0;
    const tarifa = parseFloat(numberInputs[1].value) || 0;
    pctSum += pct;

const pedidosZona = pedidos * (pct / 100);
    const costeSalidaZona = pedidosZona * tarifa;
    const costeDevolZona = pedidosZona * tasaDevol * tarifa * ratioDevol;
    const costeZonaTotal = costeSalidaZona + costeDevolZona;

totalSalida += costeSalidaZona;
    totalDevol += costeDevolZona;

const zoneCostSpan = row.querySelector('.zone-cost');
    if (zoneCostSpan) zoneCostSpan.textContent = costeZonaTotal.toLocaleString('es-ES', {maximumFractionDigits:0}) + ' €';

breakdownLines.push(`<div class="line"><span>${nombre} · ${carrier} (${pct}% · ${pedidosZona.toFixed(0)} ped.)</span><span>${costeZonaTotal.toFixed(0)} €</span></div>`);
  });

const total = totalSalida + totalDevol;
  const porPedido = pedidos > 0 ? total / pedidos : 0;

const margen = (parseFloat(document.getElementById('margen').value) || 0) / 100;
  const iva = 0.21;
  const mostrarIva = document.getElementById('mostrarIva').checked;

const precioBase = total * (1 + margen);
  const precioFinal = mostrarIva ? precioBase * (1 + iva) : precioBase;
  const precioBasePedido = pedidos > 0 ? precioBase / pedidos : 0;
  const precioFinalPedido = pedidos > 0 ? precioFinal / pedidos : 0;

window.__lastResults = { total, porPedido, precioFinal, precioFinalPedido, pedidos, tasaDevolPct: tasaDevol * 100 };
}

function getState() {
  const zones = [...document.getElementById('zonesContainer').querySelectorAll('.zone-row')].map(row => ({
    nombre: row.querySelector('.zona-sel').value,
    carrier: row.querySelector('.carrier-sel').value,
    pct: parseFloat(row.querySelectorAll('input[type=number]')[0].value) || 0,
    tarifa: parseFloat(row.querySelectorAll('input[type=number]')[1].value) || 0,
  }));
  return {
    pedidos: document.getElementById('pedidos').value,
    tasaDevol: document.getElementById('tasaDevol').value,
    ratioDevol: document.getElementById('ratioDevol').value,
    margen: document.getElementById('margen').value,
    mostrarIva: document.getElementById('mostrarIva').checked,
    zones,
  };
}

function applyState(state) {
  document.getElementById('pedidos').value = state.pedidos;
  document.getElementById('tasaDevol').value = state.tasaDevol;
  document.getElementById('ratioDevol').value = state.ratioDevol;
  document.getElementById('margen').value = state.margen;
  document.getElementById('mostrarIva').checked = state.mostrarIva;
  document.getElementById('zonesContainer').innerHTML = '';
  state.zones.forEach(z => addZone(z.nombre, z.pct, z.tarifa, z.carrier));
  calc();
}

function slug(name) {
  return name.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
}

async function saveClient() {
  const nameInput = document.getElementById('nombreCliente');
  const name = nameInput.value.trim();
  if (!name) { nameInput.focus(); return; }
  const key = 'cliente:' + slug(name);
  const state = getState();
  const results = window.__lastResults || {};
  const record = { name, state, results, savedAt: Date.now() };
  try {
    const res = await window.storage.set(key, JSON.stringify(record), false);
    if (!res) throw new Error('sin resultado');
    document.getElementById('storageWarning').style.display = 'none';
    nameInput.value = '';
    refreshClientList();
  } catch (e) {
    document.getElementById('storageWarning').style.display = 'block';
  }
}

async function refreshClientList() {
  const table = document.getElementById('clientsTable');
  const body = document.getElementById('clientsBody');
  try {
    const list = await window.storage.list('cliente:', false);
    if (!list || !list.keys || list.keys.length === 0) {
      table.style.display = 'none';
      return;
    }
    const records = [];
    for (const key of list.keys) {
      try {
        const r = await window.storage.get(key, false);
        if (r && r.value) records.push({ key, ...JSON.parse(r.value) });
      } catch (e) { /* skip missing */ }
    }
    records.sort((a, b) => (b.savedAt || 0) - (a.savedAt || 0));
    body.innerHTML = records.map(r => `
      <tr>
        <td>${r.name}</td>
        <td>${r.results.pedidos ?? '—'}</td>
        <td>${(r.results.tasaDevolPct ?? 0).toFixed(0)}%</td>
        <td>${(r.results.porPedido ?? 0).toFixed(2)} €</td>
        <td>${(r.results.precioFinalPedido ?? 0).toFixed(2)} €</td>
        <td class="actions">
          <button onclick='applyState(${JSON.stringify(r.state)})'>Cargar</button>
          <button onclick="deleteClient('${r.key}')">Borrar</button>
        </td>
      </tr>
    `).join('');
    table.style.display = records.length ? 'table' : 'none';
    document.getElementById('storageWarning').style.display = 'none';
  } catch (e) {
    document.getElementById('storageWarning').style.display = 'block';
    table.style.display = 'none';
  }
}

async function deleteClient(key) {
  try {
    await window.storage.delete(key, false);
    refreshClientList();
  } catch (e) {
    document.getElementById('storageWarning').style.display = 'block';
  }
}

document.getElementById('pedidos').addEventListener('input', calc);
document.getElementById('tasaDevol').addEventListener('input', calc);
document.getElementById('ratioDevol').addEventListener('input', calc);
document.getElementById('margen').addEventListener('input', calc);
document.getElementById('mostrarIva').addEventListener('change', calc);

addZone('Península', 90, 3.20, 'SEUR');
addZone('Baleares', 6, 4.80, 'GLS');
addZone('Canarias', 4, 8.50, 'DHL');

refreshClientList();

if (typeof addZone === 'function') window.addZone = addZone;
if (typeof applyState === 'function') window.applyState = applyState;
if (typeof calc === 'function') window.calc = calc;
if (typeof deleteClient === 'function') window.deleteClient = deleteClient;
if (typeof saveClient === 'function') window.saveClient = saveClient;
})();

(function(){
  const root = document.getElementById('cyntra-calc');
  const $ = id => root.querySelector('#' + id);

function fillRange(el){
    const min = parseFloat(el.min) || 0, max = parseFloat(el.max) || 100;
    const pct = max > min ? ((parseFloat(el.value) - min) / (max - min)) * 100 : 0;
    el.style.background = 'linear-gradient(to right, var(--accent) ' + pct + '%, var(--line) ' + pct + '%)';
  }

const sueltosItems = [
    { id: 'facturas', label: 'Auditoría de facturas de transporte', price: 150, checked: false },
    { id: 'reporting', label: 'Reporting avanzado', price: 90, checked: false },
    { id: 'reunion', label: 'Reunión mensual de seguimiento', price: 80, checked: false },
    { id: 'seguimiento', label: 'Seguimiento de envíos proactivo', price: 60, checked: false }
  ];

function tramoFor(pedidos){
    if (pedidos <= 500) return 1;
    if (pedidos <= 1000) return 2;
    if (pedidos <= 1500) return 3;
    if (pedidos <= 3000) return 4;
    if (pedidos <= 4500) return 5;
    return 6;
  }
  const packNames = { 1: 'Base', 2: 'Base', 3: 'Base', 4: 'Avanzado', 5: 'Premium', 6: 'Premium' };

function recalc(){
    const tarifaAlmacen = parseFloat($('tarifaAlmacen').value) || 0;

const pedidosMes = parseFloat($('pedidosMes').value) || 0;
    const tramo = tramoFor(pedidosMes);
    [1,2,3,4,5,6].forEach(n => $('tramoCard'+n).classList.toggle('active', tramo === n));
    // tramo nunca es null ahora (el tramo 4 cubre todo lo que supere 1.500)

const autoCoordPrice = tramo ? tramoBase[tramo] : tramoBase[3];

[1,2,3,4,5,6].forEach(n => {
      const input = $('tramo'+n+'Precio');
      const resetIcon = $('tramoReset'+n);
      if (tramo === n) {
        if (!coordManual) { input.value = (Math.round(autoCoordPrice * 100) / 100).toFixed(2); }
        resetIcon.classList.toggle('show', coordManual);
      } else {
        input.value = tramoBase[n];
        resetIcon.classList.remove('show');
      }
    });

const coordTarifa = tramo ? (parseFloat($('tramo'+tramo+'Precio').value) || 0) : tramoBase[3];
    const coordPrecio = coordTarifa * pedidosMes;

if (tramo) {
      $('tramoActiveNote').innerHTML = pedidosMes + ' pedidos/mes \u2192 <b>Banda ' + tramo + ' \u00b7 ' + packNames[tramo] + ' \u00b7 ' + coordTarifa.toFixed(2).replace('.', ',') + ' \u20ac/pedido</b>' + (coordManual ? ' (tarifa editada a mano)' : '');
    } else {
      $('tramoActiveNote').textContent = pedidosMes + ' pedidos/mes \u2192 fuera de los tramos definidos';
    }
    $('coordRows').innerHTML = '<div class="ticket-row"><span>' + pedidosMes + ' pedidos/mes \u00d7 ' + coordTarifa.toFixed(2).replace('.', ',') + ' \u20ac/pedido \u00b7 Banda ' + (tramo||'\u2014') + ' (' + (packNames[tramo]||'') + ')</span><span class="amt mono">' + fmt2(coordPrecio) + '</span></div>';

// Servicios sueltos: solo tienen sentido en bandas Base (1-3)
    const sueltosGated = tramo >= 4;
    $('sueltosFields').style.display = sueltosGated ? 'none' : 'block';
    $('sueltosGate').style.display = sueltosGated ? 'block' : 'none';
    let sueltosTotal = 0;
    let sueltosRows = [];
    if (!sueltosGated) {
      const otrosActivos = sueltosItems.filter(i => i.id !== 'seguimiento' && i.checked).length > 0;
      sueltosItems.forEach(item => {
        if (!item.checked) return;
        if (item.id === 'seguimiento' && otrosActivos) {
          sueltosRows.push({ t: item.label, v: 'Incluido', neg: true });
        } else {
          sueltosRows.push({ t: item.label, v: fmt(item.price) });
          sueltosTotal += item.price;
        }
      });
    }
    if (sueltosRows.length > 0) {
      $('coordRows').innerHTML += sueltosRows.map(r => '<div class="ticket-row' + (r.neg?' neg':'') + '"><span>' + r.t + '</span><span class="amt mono">' + r.v + '</span></div>').join('');
    }

const gavetas = parseFloat($('whGavetas').value) || 0;
    const gavetaPrecio = parseFloat($('whGavetaPrecio').value) || 0;
    const palletsOrdenado = parseFloat($('whPalletsOrdenado').value) || 0;
    const recepcionOrdenadoPrecio = parseFloat($('whRecepcionOrdenadoPrecio').value) || 0;
    const palletsMixto = parseFloat($('whPalletsMixto').value) || 0;
    const minutosMixto = parseFloat($('whMinutosMixto').value) || 0;
    const minutos = parseFloat($('whMinutos').value) || 0;
    const etiqueta = parseFloat($('whEtiqueta').value) || 0;
    const gestion = parseFloat($('whGestion').value) || 0;

const recepcionMixtoPrecio = (minutosMixto / 60) * tarifaAlmacen;
    $('whMixtoPrecioOut').textContent = fmt2(recepcionMixtoPrecio);

const almacenaje = gavetas * gavetaPrecio;
    const recepcionOrdenado = palletsOrdenado * recepcionOrdenadoPrecio;
    const recepcionMixto = palletsMixto * recepcionMixtoPrecio;
    const manipulacionUnit = (minutos / 60) * tarifaAlmacen;
    const costePorPedido = manipulacionUnit + etiqueta + gestion;
    const pedidosTotal = pedidosMes * costePorPedido;

let packagingPerOrder = 0;
    packagingBasics.forEach(item => { if (item.checked) packagingPerOrder += item.price; });
    packagingOthers.forEach(item => { packagingPerOrder += item.price; });
    const packagingTotal = packagingPerOrder * pedidosMes;

const isClientView = clientView();
    root.classList.toggle('client-view', isClientView);

if (whSubtotal > whSubtotalRaw) {
      const floorLabel = isClientView ? 'Mantenimiento y disponibilidad del espacio' : 'Ajuste a m\u00ednimo de almac\u00e9n';
      whRows.push({ t: floorLabel, v: '+' + fmt2(whSubtotal - whSubtotalRaw), neg: !isClientView });
    }

$('whRows').innerHTML = whRows.map(r => '<div class="ticket-row' + (r.neg?' neg':'') + '"><span>' + r.t + '</span><span class="amt mono">' + r.v + '</span></div>').join('') +
      '<div class="ticket-subtotal"><span>Subtotal almac\u00e9n</span><span>' + fmt(whSubtotal) + '</span></div>';

const margin = parseFloat($('margin').value) || 0;
    $('marginPctOut').textContent = margin + '%';
    const recurringBase = coordPrecio + sueltosTotal + whSubtotal;
    const marginAmt = recurringBase * (margin / 100);
    const totalExacto = recurringBase + marginAmt + oneoffTotal;
    lastTotalExacto = totalExacto;
    const total = totalRounded ? totalRoundedValue : totalExacto;
    $('roundResetBtn').classList.toggle('show', totalRounded);
    $('marginRows').innerHTML = isClientView ? '' :
      '<div class="ticket-row"><span>Margen (+' + margin + '% sobre coste)</span><span class="amt mono">+' + fmt(marginAmt) + '</span></div>' +
      '<div class="ticket-row"><span>Beneficio real (ref. interna)</span><span class="amt mono">' + fmt(marginAmt) + ' \u00b7 ' + (recurringBase + marginAmt > 0 ? Math.round(marginAmt / (recurringBase + marginAmt) * 100) : 0) + '% del precio final</span></div>';

const iva = 21;
    const ivaAmount = total * (iva / 100);
    const totalConIva = total + ivaAmount;
    const totalLabel = oneoffTotal > 0 ? 'Total primer mes' : 'Cuota mensual';
    const suffix = oneoffTotal > 0 ? '' : '/mes';
    $('finalPriceLabel').textContent = totalLabel + ' \u2014 sin IVA';
    $('finalPrice').textContent = fmt(total) + suffix;
    $('ivaLabel').textContent = 'Con IVA (' + iva + '%)';
    $('finalPriceIva').textContent = fmt(totalConIva) + suffix;
    $('marginPriceOut').textContent = fmt(total) + suffix + ' (sin IVA)';
  }

root.querySelectorAll('input').forEach(el => el.addEventListener('input', recalc));
  root.querySelectorAll('.hero-slider input[type=range]').forEach(el => { el.addEventListener('input', () => fillRange(el)); fillRange(el); });

pairSlider('auditoriaPrecio', 'auditoriaPrecioRange', 0, 2000, 10);
  pairSlider('transportePrecio', 'transportePrecioRange', 0, 2000, 10);
  pairSlider('onboardingPrecio', 'onboardingPrecioRange', 0, 2000, 10);
  pairSlider('pedidosMes', 'pedidosMesRange', 0, 10000, 50);
  pairSlider('tramo1Precio', 'tramo1PrecioRange', 0, 3, 0.05);
  pairSlider('tramo2Precio', 'tramo2PrecioRange', 0, 3, 0.05);
  pairSlider('tramo3Precio', 'tramo3PrecioRange', 0, 3, 0.05);
  pairSlider('tramo4Precio', 'tramo4PrecioRange', 0, 3, 0.05);
  pairSlider('tramo5Precio', 'tramo5PrecioRange', 0, 3, 0.05);
  pairSlider('tramo6Precio', 'tramo6PrecioRange', 0, 3, 0.05);
  pairSlider('tarifaAlmacen', 'tarifaAlmacenRange', 10, 40, 0.5);
  pairSlider('whGavetas', 'whGavetasRange', 0, 200, 1);
  pairSlider('whGavetaPrecio', 'whGavetaPrecioRange', 0, 20, 0.5);
  pairSlider('whMinimo', 'whMinimoRange', 0, 2000, 50);
  pairSlider('whPalletsOrdenado', 'whPalletsOrdenadoRange', 0, 50, 1);
  pairSlider('whRecepcionOrdenadoPrecio', 'whRecepcionOrdenadoPrecioRange', 0, 20, 0.5);
  pairSlider('whPalletsMixto', 'whPalletsMixtoRange', 0, 50, 1);
  pairSlider('whMinutosMixto', 'whMinutosMixtoRange', 0, 60, 1);
  pairSlider('whMinutos', 'whMinutosRange', 0, 30, 0.5);
  pairSlider('whEtiqueta', 'whEtiquetaRange', 0, 1, 0.01);
  pairSlider('whGestion', 'whGestionRange', 0, 3, 0.05);
  
  function updatePrintMeta(){
    const name = $('clientName').value.trim();
    const today = new Date().toLocaleDateString('es-ES');
    $('printMeta').textContent = (name ? name + ' \u2014 ' : '') + today;
  }
  $('clientName').addEventListener('input', updatePrintMeta);
  $('pdfBtn').addEventListener('click', () => { updatePrintMeta(); window.print(); });

const savedFieldIds = [
    'auditoriaPrecio','transportePrecio','onboardingPrecio','pedidosMes',
    'tramo1Precio','tramo2Precio','tramo3Precio','tramo4Precio','tramo5Precio','tramo6Precio','devolucionPct',
    'tarifaAlmacen','whGavetas','whGavetaPrecio','whMinimo',
    'whPalletsOrdenado','whRecepcionOrdenadoPrecio','whPalletsMixto','whMinutosMixto',
    'whMinutos','whEtiqueta','whGestion','margin','iva'
  ];
  const savedToggleIds = ['auditoriaIncluidoToggle','transporteIncluidoToggle','onboardingIncluidoToggle'];

$('saveBtn').addEventListener('click', () => {
    const data = collectState();
    const name = (data.clientName || '').trim();
    if (!name) { alert('Pon un nombre de cliente antes de guardar.'); return; }
    const key = 'cyntra_presu_' + name.toLowerCase().replace(/[^a-z0-9]+/g, '-');
    try {
      localStorage.setItem(key, JSON.stringify({name, data, savedAt: Date.now()}));
      const btn = $('saveBtn');
      const orig = btn.textContent;
      btn.textContent = '✓ Guardado';
      setTimeout(() => { btn.textContent = orig; }, 2000);
    } catch(e) { alert('No se pudo guardar: ' + e.message); }
  });
  $('loadBtn').addEventListener('click', () => {
    const keys = [];
    for (let i = 0; i < localStorage.length; i++) {
      const k = localStorage.key(i);
      if (k && k.startsWith('cyntra_presu_')) {
        try { keys.push(JSON.parse(localStorage.getItem(k))); } catch(e) {}
      }
    }
    if (!keys.length) { alert('No hay presupuestos guardados. Guarda uno primero.'); return; }
    keys.sort((a,b) => (b.savedAt||0) - (a.savedAt||0));
    const nombres = keys.map((r,i) => (i+1) + '. ' + r.name).join('\n');
    const sel = prompt('Presupuestos guardados:\n' + nombres + '\n\nEscribe el número a cargar:');
    if (!sel) return;
    const rec = keys[parseInt(sel) - 1];
    if (!rec) { alert('Número no válido.'); return; }
    applyState(rec.data);
  });
    $('loadFileInput').addEventListener('change', (e) => {
    const file = e.target.files[0];
    if (!file) return;
    const reader = new FileReader();
    reader.onload = () => {
      try {
        const data = JSON.parse(reader.result);
        applyState(data);
      } catch (err) {
        alert('No se ha podido leer el archivo. Asegúrate de que es un JSON guardado desde esta misma calculadora.');
      }
    };
    reader.readAsText(file);
    e.target.value = '';
  });

renderSueltos();
  renderPackagingBasics();
  renderPackagingOthers();
  updatePrintMeta();
  recalc();
})();

Coste esperado de transporte por pedido

Calculadora de precios

1 Servicios de entrada (pago único)

2 Coordinación (mensual — Base / Avanzado / Premium)

3 Servicios sueltos (add-ons mensuales, solo bandas Base 1-3)

4 Almacenamiento y packing (mensual)

5 Margen

Bienvenido de nuevo