/* ============================================================ ADMIN — Categorie clienti + Coefficienti usura Versione con persistenza completa Supabase Mapping nomi: wear_coefficients: min_pct, max_pct, aumento_pct → min, max, aumento client_categories: usura_pct → usura ============================================================ */ function pct(n){ return (n>0?'+':'') + n + '%'; } // Mapping coefficienti ↔ DB function coeffToDb(c){ return { label: c.label, min_pct: +c.min, max_pct: +c.max, aumento_pct: +c.aumento, }; } // Mapping categorie ↔ DB function catToDb(c){ return { nome: c.nome, usura_pct: +c.usura, note: c.note || null, }; } function AdminClienti({ coeff, setCoeff, categorie, setCategorie, toast }) { const vp = useViewport(); const [coeffModal, setCoeffModal] = useState(undefined); const [catModal, setCatModal] = useState(undefined); const [confirm, setConfirm] = useState(null); const [hover, setHover] = useState(null); const [catSort, setCatSort] = useState('nome-asc'); // nome-asc | nome-desc | usura-asc | usura-desc // Categorie ordinate secondo il criterio scelto const categorieSorted = React.useMemo(() => { const arr = (categorie || []).slice(); switch (catSort) { case 'nome-desc': return arr.sort((a,b)=>b.nome.localeCompare(a.nome)); case 'usura-asc': return arr.sort((a,b)=>(a.usura??0)-(b.usura??0)); case 'usura-desc': return arr.sort((a,b)=>(b.usura??0)-(a.usura??0)); case 'nome-asc': default: return arr.sort((a,b)=>a.nome.localeCompare(b.nome)); } }, [categorie, catSort]); const saveCoeff = async (c) => { const isNew = !coeff.some(x => x.id === c.id); if (window.SF_CONFIG.useSupabase) { try { if (isNew) { const row = await window.DataAPI.insert('wear_coefficients', coeffToDb(c)); c = { ...c, id: row.id }; } else { await window.DataAPI.update('wear_coefficients', c.id, coeffToDb(c)); } } catch (e) { console.error('saveCoeff', e); toast('Errore salvataggio: ' + (e?.message || 'sconosciuto')); return; } } setCoeff(prev => { const next = prev.some(x=>x.id===c.id) ? prev.map(x=>x.id===c.id?c:x) : [...prev, c]; return next.sort((a,b)=>a.min-b.min); }); setCoeffModal(undefined); toast(isNew ? 'Fascia aggiunta' : 'Fascia aggiornata'); }; const saveCat = async (c) => { const isNew = !categorie.some(x => x.id === c.id); if (window.SF_CONFIG.useSupabase) { try { if (isNew) { const row = await window.DataAPI.insert('client_categories', catToDb(c)); c = { ...c, id: row.id }; } else { await window.DataAPI.update('client_categories', c.id, catToDb(c)); } } catch (e) { console.error('saveCat', e); toast('Errore salvataggio: ' + (e?.message || 'sconosciuto')); return; } } setCategorie(prev => prev.some(x=>x.id===c.id) ? prev.map(x=>x.id===c.id?c:x) : [...prev, c]); setCatModal(undefined); toast(isNew ? 'Categoria cliente aggiunta' : 'Categoria aggiornata'); }; const removeCoeff = async (c) => { if (window.SF_CONFIG.useSupabase) { try { await window.DataAPI.remove('wear_coefficients', c.id); } catch (e) { console.error(e); toast('Errore eliminazione'); return; } } setCoeff(prev=>prev.filter(x=>x.id!==c.id)); setConfirm(null); toast('Fascia rimossa'); }; const removeCat = async (c) => { if (window.SF_CONFIG.useSupabase) { try { await window.DataAPI.remove('client_categories', c.id); } catch (e) { console.error(e); toast('Errore eliminazione'); return; } } setCategorie(prev=>prev.filter(x=>x.id!==c.id)); setConfirm(null); toast('Categoria rimossa'); }; return ( <> {/* ---- Coefficienti usura ---- */}

Coefficienti di usura

{vp.isMobile ? 'Maggiorazione % sulla tariffa di noleggio per ogni fascia.' : 'Per ogni fascia di usura, la maggiorazione % applicata alla tariffa di noleggio (breve e lungo termine). Valori indicativi, modificabili.'}
setCoeffModal(null)}>{vp.isMobile?'Nuova':'Nuova fascia'}
{vp.isMobile ? ( /* Coefficienti: card list mobile */
{coeff.map(c => (
{c.label}
0?'var(--red)':'var(--st-disponibile)', flexShrink:0 }}>{pct(c.aumento)}
Range usura: {c.min}% – {c.max}%
))}
) : (
FasciaRange usuraMaggiorazioneAzioni
{coeff.map((c,i)=>(
setHover('co'+c.id)} onMouseLeave={()=>setHover(null)} style={{ display:'grid', gridTemplateColumns:'1.4fr 1fr 1fr 96px', gap:14, padding:'12px 20px', alignItems:'center', borderBottom: i {c.label} {c.min}% – {c.max}% 0?'var(--red)':'var(--st-disponibile)' }}>{pct(c.aumento)}
))}
)} {/* ---- Categorie clienti ---- */}

Categorie clienti

{vp.isMobile ? 'Il settore determina l\'usura e la maggiorazione sul noleggio.' : 'Il settore del cliente determina l\'usura stimata del mezzo. In base alla fascia di usura si applica la maggiorazione sul noleggio.'}
setCatModal(null)}>{vp.isMobile?'Nuova':'Nuova categoria'}
{vp.isMobile ? ( /* Categorie: card list mobile */
{categorieSorted.map(c => { const m = maggiorazioneFor(c.usura, coeff); return (
{c.nome}
{c.note &&
{c.note}
}
Usura
50?'var(--red)':c.usura>30?'var(--st-prenotato)':'var(--st-disponibile)' }} />
{c.usura}%
0?'var(--red)':'var(--st-disponibile)' }}>{pct(m.aumento)} {m.fascia && {m.fascia.label}}
); })}
) : (
Categoria / SettoreUsura stimataMaggiorazione noleggioAzioni
{categorieSorted.map((c,i)=>{ const m = maggiorazioneFor(c.usura, coeff); return (
setHover('cc'+c.id)} onMouseLeave={()=>setHover(null)} style={{ display:'grid', gridTemplateColumns:'1.6fr 1fr 1fr 96px', gap:14, padding:'13px 20px', alignItems:'center', borderBottom: i
{c.nome}
{c.note &&
{c.note}
}
50?'var(--red)':c.usura>30?'var(--st-prenotato)':'var(--st-disponibile)' }} />
{c.usura}%
0?'var(--red)':'var(--st-disponibile)' }}>{pct(m.aumento)} {m.fascia && {m.fascia.label}}
); })}
)} {coeffModal!==undefined && setCoeffModal(undefined)} onSave={saveCoeff} />} {catModal!==undefined && setCatModal(undefined)} onSave={saveCat} />} {confirm && Stai per eliminare {confirm.item.label||confirm.item.nome}.} confirmLabel="Elimina" onConfirm={()=>confirm.kind==='coeff'?removeCoeff(confirm.item):removeCat(confirm.item)} onClose={()=>setConfirm(null)} />} ); } function CoeffModal({ data, onClose, onSave }) { const isNew = !data; const [label, setLabel] = useState(data?.label || ''); const [min, setMin] = useState(data?data.min:''); const [max, setMax] = useState(data?data.max:''); const [aumento, setAumento] = useState(data?data.aumento:''); const valid = label.trim() && min!=='' && max!=='' && aumento!==''; const submit = ()=>{ if(!valid) return; onSave({ id:data?.id, label:label.trim(), min:+min, max:+max, aumento:+aumento }); }; return (
setLabel(e.target.value)} placeholder="es. Usura elevata" style={inputStyle} autoFocus />
setMin(e.target.value.replace(/[^\d]/g,''))} placeholder="0" style={inputStyle} /> setMax(e.target.value.replace(/[^\d]/g,''))} placeholder="100" style={inputStyle} /> setAumento(e.target.value.replace(/[^\d]/g,''))} placeholder="0" style={inputStyle} />
Annulla {isNew?'Crea fascia':'Salva'}
); } function ClienteCatModal({ data, coeff, onClose, onSave }) { const isNew = !data; const [nome, setNome] = useState(data?.nome || ''); const [usura, setUsura] = useState(data?data.usura:30); const [note, setNote] = useState(data?.note || ''); const m = maggiorazioneFor(+usura, coeff); const valid = nome.trim() && usura!==''; const submit = ()=>{ if(!valid) return; onSave({ id:data?.id, nome:nome.trim(), usura:+usura, note:note.trim() }); }; return (
setNome(e.target.value)} placeholder="es. Industria alimentare" style={inputStyle} autoFocus /> setUsura(e.target.value)} style={{ width:'100%', accentColor:'var(--red)' }} />
Maggiorazione noleggio 0?'var(--red)':'var(--st-disponibile)' }}>{pct(m.aumento)} {m.fascia?`· ${m.fascia.label}`:''}
setNote(e.target.value)} placeholder="es. ingresso/uscita celle frigo" style={inputStyle} />
Annulla {isNew?'Crea categoria':'Salva'}
); } Object.assign(window, { AdminClienti, CoeffModal, ClienteCatModal, pct });