{saveRateA}% ({savesA}/{shotsOnA})

{gZoneStatsA().slice(0,6).map(z=>(

e.type==='save'&&e.team==='b'&&GOAL_INNER_ZONES.includes(e.goalZone))} saveColor="purple" readOnly/>

{saveRateB}% ({savesB}/{shotsOnB})

{(()=>{ const byZ={};events.filter(e=>e.team==='b'&&e.type==='save'&&e.goalZone&&GOAL_INNER_ZONES.includes(e.goalZone)).forEach(e=>{byZ[e.goalZone]=(byZ[e.goalZone]||0)+1;}); const tot=Object.values(byZ).reduce((a,b)=>a+b,0); return Object.entries(byZ).map(([zid,cnt])=>({zid,name:GZN[zid]||zid,cnt,pct:pct(cnt,tot||1)})).sort((a,b)=>b.cnt-a.cnt).slice(0,6).map(z=>(

{z.name}

{z.cnt} ({z.pct}%)

)); })()}

{[{title:'⚔️ OFFENSIVA A',phase:'off',tk:'a',clr:'var(--orange)'},{title:'⚔️ OFFENSIVA B',phase:'off',tk:'b',clr:'var(--acc2)'},{title:'🛡️ DIFENSIVA A',phase:'def',tk:'a',clr:'#94a3b8'},{title:'🛡️ DIFENSIVA B',phase:'def',tk:'b',clr:'#64748b'}].map(s=>( ))}

{[{p:1,d:p1,lbl:'1° TEMPO'},{p:2,d:p2,lbl:'2° TEMPO'}].map(({p:per,d,lbl})=>( ))} {/* Confronto periodi */} {(p1.tot>0||p2.tot>0)&&( {/* ─ SIDEBAR B (narrow: players + score only) ─ */} ); } /* ── TEAM VIEW ── */ function TeamView({team:teamProp,allTeams,onBack,onMatchSelect,onTeamUpdate,onDeleteTeam}){ const {ask:confirm,modal:confirmModal}=useConfirm(); const [team,setTeam]=useState(teamProp); useEffect(()=>setTeam(teamProp),[teamProp]); const commit=updated=>{setTeam(updated);onTeamUpdate(updated);}; const [showAddP,setShowAddP]=useState(false); const [addTab,setAddTab]=useState('nuovo'); // 'nuovo' | 'esistente' const [searchQ,setSearchQ]=useState(''); const [searchCat,setSearchCat]=useState(''); const [showCrM,setShowCrM]=useState(false); const [np,setNp]=useState({name:'',number:'',position:''}); const [nm,setNm]=useState({opponent:'',date:new Date().toLocaleDateString('it-IT')}); const [editPlayer,setEditPlayer]=useState(null); const [showEditTeam,setShowEditTeam]=useState(false); const [editTeamData,setEditTeamData]=useState({name:teamProp.name,category:teamProp.category||'',season:teamProp.season||''}); const saveEditTeam=()=>{const u={...team,...editTeamData};commit(u);setShowEditTeam(false);}; const deleteTeam=()=>{confirm(`Eliminare definitivamente la squadra "${team.name}"? Tutti i dati saranno persi.`,()=>onDeleteTeam(team.id),{okLabel:'Elimina Squadra'});}; const addP=()=>{if(!np.name||!np.number)return;commit({...team,players:[...(team.players||[]),{...np,id:uid()}]});setNp({name:'',number:'',position:''});setShowAddP(false);}; const deleteP=(pid)=>{confirm('Eliminare questo giocatore?',()=>commit({...team,players:(team.players||[]).filter(p=>p.id!==pid)}));}; const saveEditP=()=>{if(!editPlayer)return;commit({...team,players:(team.players||[]).map(p=>p.id===editPlayer.id?editPlayer:p)});setEditPlayer(null);}; const deleteMatch=(mid)=>{confirm('Eliminare questa partita? I dati non saranno recuperabili.',()=>commit({...team,matches:(team.matches||[]).filter(m=>m.id!==mid)}),{okLabel:'Elimina Partita'});}; const [editMatch,setEditMatch]=useState(null); const saveEditMatch=()=>{if(!editMatch)return;commit({...team,matches:(team.matches||[]).map(m=>m.id===editMatch.id?editMatch:m)});setEditMatch(null);}; const crM=()=>{if(!nm.opponent)return;const m={id:uid(),opponent:nm.opponent,date:nm.date,scoreA:0,scoreB:0,events:[],ended:false};const u={...team,matches:[...(team.matches||[]),m]};commit(u);setShowCrM(false);onMatchSelect(m,u);}; // Copia giocatore da un'altra squadra (nuovo id, numero personalizzabile) const importPlayer=(srcP)=>{ const alreadyIn=(team.players||[]).some(p=>p.name===srcP.name); const doImport=()=>{commit({...team,players:[...(team.players||[]),{...srcP,id:uid()}]});setShowAddP(false);}; if(alreadyIn){confirm(`"${srcP.name}" è già in rosa. Aggiungere comunque?`,doImport,{okLabel:'Aggiungi',okColor:'var(--acc)'});} else doImport(); }; // Tutti i giocatori di tutte le altre squadre (deduplicati per nome) const allOtherPlayers=React.useMemo(()=>{ const seen=new Set(); const result=[]; (allTeams||[]).forEach(t=>{ if(t.id===team.id)return; (t.players||[]).forEach(p=>{ const key=p.name.toLowerCase().trim(); if(!seen.has(key)){seen.add(key);result.push({...p,_fromTeam:t.name,_fromCat:t.category||''});} }); }); return result.sort((a,b)=>a.name.localeCompare(b.name)); },[allTeams,team.id]); const allCategories=[...new Set(allOtherPlayers.map(p=>p._fromCat).filter(Boolean))]; const filteredPlayers=allOtherPlayers.filter(p=>{ const matchQ=!searchQ||p.name.toLowerCase().includes(searchQ.toLowerCase())||p.number.toString().includes(searchQ); const matchCat=!searchCat||p._fromCat===searchCat; return matchQ&&matchCat; }); const ms=team.matches||[];const ps=team.players||[]; // Stats squadra const avgG=ms.length?(ms.reduce((s,m)=>s+(m.scoreA||0),0)/ms.length).toFixed(1):'—'; const avgS=ms.length?(ms.reduce((s,m)=>s+(m.events||[]).filter(e=>e.type==='save'&&e.team==='a').length,0)/ms.length).toFixed(1):'—'; const avgE=ms.length?(ms.reduce((s,m)=>{const g=(m.events||[]).filter(e=>e.type==='goal'&&e.team==='a').length;const cg=(m.events||[]).filter(e=>e.type==='counter_goal'&&e.team==='a').length;const p7=(m.events||[]).filter(e=>e.type==='7m_goal'&&e.team==='a').length;const cm=(m.events||[]).filter(e=>e.type==='counter_miss'&&e.team==='a').length;const p7m=(m.events||[]).filter(e=>e.type==='7m_miss'&&e.team==='a').length;const pp=(m.events||[]).filter(e=>e.team==='a'&&e.odType==='off').length;const mi=(m.events||[]).filter(e=>e.type==='miss'&&e.team==='a').length;const t=g+cg+p7+mi+cm+p7m+pp;return s+(t>0?pct(g+cg+p7,t):0);},0)/ms.length).toFixed(1)+'%':'—'; // Media efficienza portieri: media di (parate/tiriRicevuti) per partita const avgGkEff=ms.length?(()=>{ const vals=ms.map(m=>{ const evs=m.events||[]; const sv=evs.filter(e=>e.type==='save'&&e.team==='a').length; const gb=evs.filter(e=>e.type==='goal'&&e.team==='b').length; const total=sv+gb; return total>0?pct(sv,total):null; }).filter(v=>v!==null); return vals.length?(vals.reduce((a,b)=>a+b,0)/vals.length).toFixed(1)+'%':'—'; })():'—'; // Statistiche personali per ogni giocatore aggregate su tutte le partite const playerStats=React.useMemo(()=>{ const allEvs=ms.flatMap(m=>m.events||[]); return ps.map(p=>{ const pid=`#${p.number} ${p.name}`; const goals=allEvs.filter(e=>e.player===pid&&e.type==='goal').length; const saves=allEvs.filter(e=>e.player===pid&&e.type==='save').length; const miss=allEvs.filter(e=>e.player===pid&&e.type==='miss').length; const ctrG=allEvs.filter(e=>e.player===pid&&e.type==='counter_goal').length; const ctrM=allEvs.filter(e=>e.player===pid&&e.type==='counter_miss').length; const pen7G=allEvs.filter(e=>e.player===pid&&e.type==='7m_goal').length; const pen7M=allEvs.filter(e=>e.player===pid&&e.type==='7m_miss').length; const pp=allEvs.filter(e=>e.player===pid&&e.odType==='off'&&e.action!=='2min').length; const twoMin=allEvs.filter(e=>e.player===pid&&e.action==='2min').length; const shots=goals+miss+pp+ctrG+ctrM+pen7G+pen7M; const eff=shots>0?pct(goals+ctrG+pen7G,shots):null; // portiere: parate personali + gol subiti su tiri in porta (save auto non hanno player, contiamo quelli con player) const conceded=allEvs.filter(e=>e.player===pid&&e.type==='goal'&&e.team==='b').length; const gkTotal=saves+conceded; const gkEff=gkTotal>0?pct(saves,gkTotal):null; return{...p,goals,saves,miss,pp,twoMin,eff,gkEff,gkTotal}; }); },[ms,ps]); const getTrend=(m,i)=>{if(i===0)return'e';const p=ms[i-1];const ce=pct(m.scoreA||0,(m.scoreA||0)+(m.scoreB||0)||1);const pe=pct(p.scoreA||0,(p.scoreA||0)+(p.scoreB||0)||1);return ce>pe?'u':ce {confirmModal}

H

{team.name}

{team.category||''}{team.season?` · ${team.season}`:''}

{setEditTeamData({name:team.name,category:team.category||'',season:team.season||''});setShowEditTeam(true);}}>✏️ 🗑

← Home

{/* STAT CARDS squadra */}

{[ {l:'Media Gol',v:avgG,c:'var(--acc)'}, {l:'Media Parate',v:avgS,c:'var(--green)'}, {l:'Eff. Portiere',v:avgGkEff,c:'var(--teal)'}, {l:'Media Eff.',v:avgE,c:'var(--yellow)'}, {l:'Partite',v:ms.length||'—',c:'var(--text)'}, ].map(s=>(

{s.l}

{s.v}

))}

{/* TAB BAR */}

{[ {id:'partite',l:`🏐 Partite (${ms.length})`}, {id:'rosa',l:`👥 Rosa (${ps.length})`}, ].map(t=>( setTvTab(t.id)} style={{flex:1,border:'none',cursor:'pointer',borderRadius:'7px',padding:'9px 4px',fontFamily:'var(--fh)',fontSize:'13px',fontWeight:700,transition:'all .15s',background:tvTab===t.id?'var(--acc)':'transparent',color:tvTab===t.id?'#000':'var(--text2)'}}> {t.l} ))}

{/* ══ TAB PARTITE ══ */} {tvTab==='partite'&&(

setShowCrM(true)}>▶ Nuova Partita

{ms.length===0&&(

🏐

Nessuna partita ancora

Crea la prima partita per iniziare a registrare gli eventi.

)}

{[...ms].sort((a,b)=>{ // Parse Italian date dd/mm/yyyy or fallback to insertion order const parseDate=s=>{if(!s)return 0;const p=s.split('/');if(p.length===3)return new Date(+p[2],+p[1]-1,+p[0]).getTime();return new Date(s).getTime()||0;}; return parseDate(b.date)-parseDate(a.date); }).map((m)=>{ const i=ms.findIndex(x=>x.id===m.id); const tr=getTrend(m,i); const evs=m.events||[]; const sa=evs.filter(e=>e.type==='save'&&e.team==='a').length; const gb=evs.filter(e=>e.type==='goal'&&e.team==='b').length; const gkT=sa+gb; const gkE=gkT>0?pct(sa,gkT):null; const pp=evs.filter(e=>e.team==='a'&&e.odType==='off').length; const mi=evs.filter(e=>e.type==='miss'&&e.team==='a').length; const ea=pct(m.scoreA||0,(m.scoreA||0)+mi+pp||1); const won=(m.scoreA||0)>(m.scoreB||0); const lost=(m.scoreA||0)<(m.scoreB||0); return(

{/* Riga principale cliccabile */}

onMatchSelect(m,team)} style={{cursor:'pointer',padding:'10px 12px',display:'grid',gridTemplateColumns:'80px 1fr auto',gap:'8px',alignItems:'center'}}>

{m.date}

{won?'VINTA':lost?'PERSA':'PARI'}

{m.opponent}

Eff.Off: {ea}% {gkE!==null&&<> · Eff.POR: {gkE}%} {' '}· Parate: {sa}

{m.scoreA||0} — {m.scoreB||0}

1°T {evs.filter(e=>e.period===1&&e.type==='goal'&&e.team==='a').length}—{evs.filter(e=>e.period===1&&e.type==='goal'&&e.team==='b').length} {' '}2°T {evs.filter(e=>e.period===2&&e.type==='goal'&&e.team==='a').length}—{evs.filter(e=>e.period===2&&e.type==='goal'&&e.team==='b').length}

{tr==='u'?'▲ Migliorato rispetto alla precedente':tr==='d'?'▼ Peggiorato rispetto alla precedente':'= Stabile rispetto alla precedente'}

{e.stopPropagation();setEditMatch({...m});}} style={{border:'1px solid rgba(0,194,255,.3)',background:'rgba(0,194,255,.08)',color:'var(--acc)',borderRadius:'5px',padding:'3px 8px',cursor:'pointer',fontSize:'10px'}}>✏️ Modifica {e.stopPropagation();deleteMatch(m.id);}} style={{border:'1px solid rgba(255,61,113,.3)',background:'rgba(255,61,113,.08)',color:'var(--red)',borderRadius:'5px',padding:'3px 8px',cursor:'pointer',fontSize:'10px'}}>🗑 Elimina

); })}

)} {/* ══ TAB ROSA ══ */} {tvTab==='rosa'&&(

{setAddTab('nuovo');setShowAddP(true);}}>+ Giocatore

{ps.length===0&&(

👥

Rosa vuota

Aggiungi i giocatori per vedere le statistiche personali.

)}

{groupByRole(playerStats).map(g=>(

{ROLE_SHORT[g.role]||g.role} {g.players.length}

{g.players.map(p=>{ const isGK=p.position==='Portiere'; return(

{p.number}

{p.name}

{isGK?( <> {p.saves>0&&{p.saves} par} {p.gkEff!==null&&{p.gkEff}%} {p.twoMin>0&&{p.twoMin} 2m} ):( <> {p.goals>0&&{p.goals} gol} {p.eff!==null&&(p.goals>0||p.miss>0)&&{p.eff}%} {p.twoMin>0&&{p.twoMin} 2m} )}

setEditPlayer({...p})} style={{border:'none',background:'transparent',color:'var(--text3)',cursor:'pointer',fontSize:'11px',padding:'1px 3px',lineHeight:1}}>✏️ deleteP(p.id)} style={{border:'none',background:'transparent',color:'var(--text3)',cursor:'pointer',fontSize:'11px',padding:'1px 3px',lineHeight:1}}>🗑

); })}

))}

)}

{/* ── MODAL AGGIUNGI GIOCATORE (Nuovo / Esistente) ── */} {showAddP&&(

👤 Aggiungi Giocatore

{/* Tab selector */}

{[{id:'nuovo',l:'✚ Nuovo'},{id:'esistente',l:'🔍 Già esistente'}].map(t=>( setAddTab(t.id)} style={{flex:1,border:'none',cursor:'pointer',borderRadius:'6px',padding:'7px',fontFamily:'var(--fh)',fontSize:'12px',fontWeight:700,transition:'all .15s',background:addTab===t.id?'var(--acc)':'transparent',color:addTab===t.id?'#000':'var(--text2)'}}> {t.l} ))}

{/* TAB NUOVO */} {addTab==='nuovo'&&(

N° MagliasetNp(p=>({...p,number:e.target.value}))}/>

Nome CognomesetNp(p=>({...p,name:e.target.value}))}/>

Ruolo setNp(p=>({...p,position:e.target.value}))}> Seleziona {['Portiere','Ala Sinistra','Ala Destra','Terzino Sinistro','Terzino Destro','Centrale','Pivot'].map(r=>{r})}

setShowAddP(false)}>Annulla Aggiungi

)} {/* TAB ESISTENTE */} {addTab==='esistente'&&(

{allOtherPlayers.length===0 ?

Nessun giocatore disponibile nelle altre squadre.

:(

{/* Filtri */}

setSearchQ(e.target.value)} style={{flex:1}}/> {allCategories.length>0&&( setSearchCat(e.target.value)} style={{flex:'0 0 130px'}}> Tutte le cat. {allCategories.map(c=>{c})} )}

{/* Lista giocatori */}

{filteredPlayers.length===0&&

Nessun risultato.

} {filteredPlayers.map((p,i)=>(

#{p.number}

{p.name}

{p.position||'—'} · {p._fromTeam}{p._fromCat?` · ${p._fromCat}`:''}

importPlayer(p)} style={{border:'1px solid rgba(0,194,255,.4)',background:'rgba(0,194,255,.1)',color:'var(--acc)',borderRadius:'6px',padding:'5px 10px',cursor:'pointer',fontSize:'11px',fontFamily:'var(--fh)',fontWeight:700,whiteSpace:'nowrap'}}>+ Aggiungi

))}

Il giocatore verrà copiato nella rosa. Le statistiche rimangono separate per squadra.

) }

setShowAddP(false)}>Chiudi

)}

)} {showCrM&&

Nuova Partita

AvversariosetNm(m=>({...m,opponent:e.target.value}))}/>

DatasetNm(m=>({...m,date:e.target.value}))}/>

Convocati

{ps.length===0&&

Nessun giocatore.

}{ps.map(p=>

#{p.number}{p.name}{p.position}

)}

setShowCrM(false)}>Annulla▶ Inizia

} {editMatch&&

✏️ Modifica Partita

AvversariosetEditMatch(m=>({...m,opponent:e.target.value}))}/>

DatasetEditMatch(m=>({...m,date:e.target.value}))}/>

setEditMatch(null)}>Annulla✓ Salva

} {editPlayer&&

✏️ Modifica Giocatore (solo in questa squadra)

N° MagliasetEditPlayer(p=>({...p,number:e.target.value}))}/>

Nome CognomesetEditPlayer(p=>({...p,name:e.target.value}))}/>

RuolosetEditPlayer(p=>({...p,position:e.target.value}))}>Seleziona{['Portiere','Ala Sinistra','Ala Destra','Terzino Sinistro','Terzino Destro','Centrale','Pivot'].map(r=>{r})}

setEditPlayer(null)}>Annulla✓ Salva

} {showEditTeam&&

✏️ Modifica Squadra

Nome SquadrasetEditTeamData(d=>({...d,name:e.target.value}))}/>

CategoriasetEditTeamData(d=>({...d,category:e.target.value}))}/>

StagionesetEditTeamData(d=>({...d,season:e.target.value}))}/>

setShowEditTeam(false)}>Annulla✓ Salva

}

{showM&&}