// ── INICIO / CIERRE DE DÍA ─────────────────────────── function InicioCierreDia({ tiendaId, setModulo }) { const { useState, useEffect } = React; const tienda = TIENDAS.find(t=>t.id===tiendaId)||TIENDAS[0]; const [modo, setModo] = useState(null); // 'inicio' | 'cierre' | null const [fechaHoy] = useState(new Date().toLocaleDateString('es-CL',{weekday:'long',day:'numeric',month:'long'})); const [responsable, setResponsable] = useState(''); const [cajaInicial, setCajaInicial] = useState(''); const [notas, setNotas] = useState(''); // Checklists editables const [checkInicio, setCheckInicio] = useState([ {id:'ci1', label:'Seleccionar cuenta activa', ok:true}, {id:'ci2', label:'Revisar caja inicial y contar billetes', ok:false}, {id:'ci3', label:'Limpiar vitrinas', ok:false}, {id:'ci4', label:'Ordenar productos en vitrinas', ok:false}, {id:'ci5', label:'Encender luces y TVs', ok:false}, {id:'ci6', label:'Revisar impresoras (Godex + ticket)', ok:false}, {id:'ci7', label:'Revisar lector de códigos', ok:false}, {id:'ci8', label:'Revisar conexión a internet', ok:false}, {id:'ci9', label:'Revisar órdenes de trabajo pendientes', ok:false}, {id:'ci10', label:'Revisar productos por entregar hoy', ok:false}, {id:'ci11', label:'Revisar stock crítico', ok:false}, {id:'ci12', label:'Revisar pedidos online pendientes', ok:false}, ]); const [checkCierre, setCheckCierre] = useState([ {id:'cc1', label:'Revisar ventas del día', ok:false}, {id:'cc2', label:'Contar efectivo en caja', ok:false}, {id:'cc3', label:'Comparar caja física vs sistema', ok:false}, {id:'cc4', label:'Registrar diferencias de caja (si existen)', ok:false}, {id:'cc5', label:'Registrar gastos del día', ok:false}, {id:'cc6', label:'Registrar retiros', ok:false}, {id:'cc7', label:'Revisar órdenes de trabajo entregadas', ok:false}, {id:'cc8', label:'Revisar movimientos de inventario', ok:false}, {id:'cc9', label:'Imprimir cierre de caja', ok:false}, {id:'cc10', label:'Apagar impresoras y equipos', ok:false}, {id:'cc11', label:'Guardar productos bajo llave', ok:false}, {id:'cc12', label:'Cerrar y asegurar local', ok:false}, ]); // Stats del día (simulados) const ventasDia = VENTAS_RECIENTES.filter(v=>v.tienda===tiendaId&&v.fecha==='2026-04-20'); const totalVentas = ventasDia.reduce((s,v)=>s+v.total,0); const otsPend = ORDENES.filter(o=>o.tiendaOrigen===tiendaId&&o.estado!=='Entregado').length; const otListas = ORDENES.filter(o=>o.tiendaOrigen===tiendaId&&o.estado==='Listo').length; // Resumen de caja simulado const [efectivoContado, setEfectivoContado] = useState(''); const efectivoSistema = 177500; const diferencia = (parseInt(efectivoContado)||0) - efectivoSistema; function toggleCheck(lista, setLista, id) { setLista(prev=>prev.map(c=>c.id===id?{...c,ok:!c.ok}:c)); } function imprimirCierre() { const win = window.open('','_blank','width=400,height=600'); if (!win) return; const fecha = new Date().toLocaleString('es-CL'); win.document.write(` Cierre ${tienda.nombre}
NAVARRO
${tienda.nombre}
${fecha}
CIERRE DE CAJA
Ventas del día$${totalVentas.toLocaleString('es-CL')}
Efectivo sistema$${efectivoSistema.toLocaleString('es-CL')}
${efectivoContado?`
Efectivo contado$${parseInt(efectivoContado).toLocaleString('es-CL')}
Diferencia${diferencia>=0?'+':''}$${diferencia.toLocaleString('es-CL')}
`:''}
OT pendientes${otsPend}
OT listas${otListas}
Responsable${responsable||'—'}
${notas?`
Notas: ${notas}
`:''}
✦ Valle de Colchagua
`); win.document.close(); setTimeout(()=>win.print(),400); } const S = diaStyles; // ── Pantalla de selección ── if (!modo) return (
✦ {tienda.nombre}
{fechaHoy}
{/* KPIs rápidos */}
{[ {icon:'💰',label:'Ventas hoy', val:clp(totalVentas)||'$0'}, {icon:'🔧',label:'OT pendientes',val:otsPend}, {icon:'✅',label:'OT listas', val:otListas,alert:otListas>0}, {icon:'⚠️',label:'Stock crítico',val:PRODUCTOS.filter(p=>p.stock<=1&&p.tienda===tiendaId).length}, ].map(k=>(
{k.icon}
{k.val}
{k.label}
))}
); const checkActivo = modo==='inicio' ? checkInicio : checkCierre; const setCheck = modo==='inicio' ? setCheckInicio : setCheckCierre; const completadas = checkActivo.filter(c=>c.ok).length; const pct = Math.round(completadas/checkActivo.length*100); return (
{/* Checklist */}
{modo==='inicio'?'🌅 Inicio de Día':'🌙 Cierre de Día'}
{tienda.nombre} · {fechaHoy}
{/* Progreso */}
{completadas}/{checkActivo.length} completadas {pct}%
{pct===100&&
✓ ¡Listo! Todas las tareas completadas
}
{/* Checklist items */} {checkActivo.map((c,i)=>(
toggleCheck(checkActivo,setCheck,c.id)} style={{...S.checkItem,...(c.ok?S.checkItemOk:{})}}>
{c.ok?'✓':''}
{c.label}
))} {/* Responsable / notas */}
Responsable del turno
setResponsable(e.target.value)}/>
Caja inicial CLP
setCajaInicial(e.target.value)}/>
Notas del turno