// js/components/widgets/TopProdutosSemanaCard.jsx
// [Wave 12B v223.35 20260520] Extraído de DashboardV2.jsx L444-470
// Card "🔥 Top 3 produtos semana" — ranking qty+total
//
// Props: topProdutosSemana (array de {id, name, qty, total})
// Deps runtime: window.fmt
(function(){
  'use strict';

  function TopProdutosSemanaCard(props){
    const { topProdutosSemana=[] } = props;
    const fmt = typeof window.fmt === 'function' ? window.fmt : (v)=>String(v);

    return (
      <div className="card" style={{padding:14}}>
        <div style={{fontSize:11,color:'#9CA3AF',fontWeight:700,textTransform:'uppercase',letterSpacing:1.2,marginBottom:8}}>
          🔥 Top 3 produtos (semana)
        </div>
        {topProdutosSemana.length===0 ? (
          <div style={{fontSize:12,color:'#9CA3AF',fontStyle:'italic',padding:'8px 0'}}>Nenhuma venda esta semana.</div>
        ):(
          <div style={{display:'flex',flexDirection:'column',gap:6}}>
            {topProdutosSemana.map((p,i)=>{
              const medal = ['🥇','🥈','🥉'][i];
              return(
                <div key={p.id} style={{display:'flex',justifyContent:'space-between',alignItems:'center',padding:'6px 10px',background:i===0?'#FEF3C7':'#F9FAFB',borderRadius:6}}>
                  <div style={{display:'flex',alignItems:'center',gap:6,fontSize:12,minWidth:0,flex:1}}>
                    <span>{medal}</span>
                    <strong style={{color:'#1B2A4A',whiteSpace:'nowrap',overflow:'hidden',textOverflow:'ellipsis'}}>{p.name}</strong>
                  </div>
                  <div style={{textAlign:'right',flexShrink:0,marginLeft:8}}>
                    <div style={{fontSize:13,fontWeight:700,color:'#16A34A'}}>{p.qty} un</div>
                    <div style={{fontSize:10,color:'#9CA3AF'}}>{fmt(p.total)}</div>
                  </div>
                </div>
              );
            })}
          </div>
        )}
      </div>
    );
  }

  window.ZNX = window.ZNX || {};
  window.ZNX.components = window.ZNX.components || {};
  window.ZNX.components.TopProdutosSemanaCard = TopProdutosSemanaCard;
  window.TopProdutosSemanaCard = TopProdutosSemanaCard;
})();