/* === Máximo · Yate — tareas, lista de compras, reservaciones, menús === */ const YATE_RESERVATIONS_INIT = [ { id: "r1", actividad: "Inshore Fishing", fecha: "2026-05-30", cliente: "Familia Patterson", pax: 4, departurePoint: "Marina Punta Mita — Muelle Norte", pickupTime: "06:30", tripHours: 5, pago: "100", notas: "Iniciar antes de 12pm. Lucas alérgico a mariscos — usar menú alternativo.", }, { id: "r2", actividad: "Offshore Fishing", fecha: "2026-06-04", cliente: "Sr. y Sra. Ramírez", pax: 2, departurePoint: "Marina Punta Mita — Muelle Sur", pickupTime: "05:30", tripHours: 8, pago: "50", notas: "Sin picante. Target: yellowfin tuna.", }, ]; const YATE_MENUS = [ { id: "inshore-am", name: "Inshore Fishing — antes de 12:00 PM", icon: "Sun", items: [ "Fresh fruit, fresh orange juice, natural yoghurt, and granola", "Coffee", "Coca cola: regular and diet", "Bottles of water", "Gatorades", "All premium grade Rods / Reels and Top of the line fishing tackle", "Live Bait & Fish Cleaning", "Target Species: dorado, pargo, sierra, bonita", ], }, { id: "inshore-pm", name: "Inshore Fishing — después de 12:00 PM", icon: "Clock", items: [ "Shrimp flautas", "Beef Skewers", "Cheese quesadillas", "Guacamole and pico de gallo", "Sauces and corn chips", "Coca cola: regular and diet", "Bottles of water", "Gatorades", "All premium grade Rods / Reels and Top of the line fishing tackle", "Live Bait & Fish Cleaning", "Target Species: dorado, pargo, sierra, bonita", ], }, { id: "offshore", name: "Offshore Fishing", icon: "Anchor", items: [ "Fresh fruit, fresh orange juice, natural yoghurt, and granola", "Shrimp Flautas", "Beef Skewers", "Cheese quesadillas", "Guacamole and pico de gallo", "Sauces and corn chips", "Coca cola: regular and diet", "Bottles of water", "Gatorades", "Coffee", "All premium grade Rods / Reels and Top of the line fishing tackle", "Live Bait & Fish Cleaning", "Target Species: Yellowfin tuna, blue marlin, black marlin, sailfish, dorado, pargo & misc.", ], }, ]; const YateView = ({ tasks, onSelect, selectedId, onToggle, canEditFn, role, user, compras, setCompras, onCreate }) => { // Hide "Tareas" tab for cocina users (Rodrigo, Cesar) who use Máximo only for // reservations / menus / shopping. Valentín (mantenimiento) keeps full task access. const yateIsPrimary = user.area === "yate"; const showTareas = role === "admin" || role === "gerente" || yateIsPrimary || user.area === "mant"; const [tab, setTab] = React.useState(showTareas ? "tareas" : "reservaciones"); const [reservaciones, setReservaciones] = React.useState(YATE_RESERVATIONS_INIT); const [editingRes, setEditingRes] = React.useState(null); const [menuOpen, setMenuOpen] = React.useState(null); const yTasks = tasks.filter(t => t.area === "yate"); const yList = compras.yate || []; const canEditList = role === "admin" || role === "gerente" || (role === "jefe" && user.area === "yate"); const canEditRes = canEditList; const upsertRes = (r) => { setReservaciones(rs => { const exists = rs.some(x => x.id === r.id); return exists ? rs.map(x => x.id === r.id ? r : x) : [{ ...r, id: r.id || "r-" + Date.now() }, ...rs]; }); setEditingRes(null); }; const removeRes = (id) => { if (window.confirm("¿Eliminar esta reservación?")) { setReservaciones(rs => rs.filter(r => r.id !== id)); } }; const editingResObj = editingRes === "new" ? null : editingRes ? reservaciones.find(r => r.id === editingRes) : null; // Próxima reservación (fecha futura más cercana) const upcoming = [...reservaciones] .filter(r => r.fecha >= TODAY_ISO) .sort((a, b) => a.fecha.localeCompare(b.fecha))[0]; return (
Tareas activas
{yTasks.filter(t => t.status !== "terminada").length}
{yTasks.filter(t => t.priority === "alta").length} de alta prioridad
Compras pendientes
i.status === "pendiente").length ? "var(--cdc-overdue)" : "var(--cdc-ink)" }}> {yList.filter(i => i.status === "pendiente").length}
{yList.filter(i => i.status === "entregado").length} comprados
Próxima reservación
{upcoming ? `${fmtShortDate(upcoming.fecha)} · ${upcoming.pickupTime}` : "—"}
{upcoming ? `${upcoming.actividad} · ${upcoming.pax} pax` : "Sin viajes programados"}
Estado del yate
Operativo
Último servicio: 12 may
{[ ...(showTareas ? [["tareas", "Tareas"]] : []), ["reservaciones", `Reservaciones (${reservaciones.length})`], ["menus", "Menús de viaje"], ["compras", "Lista de compras"], ].map(([id, label]) => ( ))}
{tab === "tareas" && showTareas && (
Tareas — Máximo
{yTasks.length}
{canEditList && ( )}
{yTasks.length === 0 ? (
Sin tareas a bordo
) : ( )}
)} {tab === "reservaciones" && (
Reservaciones
{reservaciones.length}
{canEditRes && ( )}
{reservaciones.length === 0 ? (
Sin reservaciones
{canEditRes && ( )}
) : (
{[...reservaciones].sort((a, b) => a.fecha.localeCompare(b.fecha)).map(r => ( setEditingRes(r.id)} onRemove={() => removeRes(r.id)} /> ))}
)}
)} {tab === "menus" && (
Menús de viaje
{YATE_MENUS.length} opciones
{YATE_MENUS.map(m => { const IconCmp = I[m.icon] || I.Chef; return ( ); })}
)} {tab === "compras" && (
setCompras({ ...compras, yate: newList })} listLabel="Yate Máximo" listId="yate" user={user} role={role} canEdit={canEditList} />
)} {editingRes && ( setEditingRes(null)} onSave={upsertRes} /> )} {menuOpen && ( m.id === menuOpen)} onClose={() => setMenuOpen(null)} /> )}
); }; const ReservacionCard = ({ res, canEdit, onEdit, onRemove }) => { const isPast = res.fecha < TODAY_ISO; return (
{res.actividad}
{fmtShortDate(res.fecha)} · {res.pickupTime} · {res.pax} pax
{res.pago === "100" ? "Pagado 100%" : "Anticipo 50%"} {canEdit && (
)}
Cliente {res.cliente || "—"} Departure {res.departurePoint || "—"} Pick-up {res.pickupTime} Duración {res.tripHours} {res.tripHours === 1 ? "hora" : "horas"}
{res.notas && (
{res.notas}
)}
); }; const ReservacionDrawer = ({ res, onClose, onSave }) => { const [f, setF] = React.useState(res || { actividad: "Inshore Fishing", fecha: TODAY_ISO, cliente: "", pax: 2, departurePoint: "Marina Punta Mita", pickupTime: "07:00", tripHours: 5, pago: "50", notas: "", }); const u = (k, v) => setF(x => ({ ...x, [k]: v })); return (
e.stopPropagation()}>
{res ? "Editar reservación" : "Nueva reservación"}
u("fecha", e.target.value)} />
u("pickupTime", e.target.value)} />
u("cliente", e.target.value)} placeholder="Familia Patterson, Sr. Ramírez…" />
u("pax", parseInt(e.target.value, 10) || 1)} />
u("tripHours", parseFloat(e.target.value) || 1)} />
u("departurePoint", e.target.value)} placeholder="Marina Punta Mita — Muelle Norte" />