// js/components/widgets/produtos-insights/OverviewSection.jsx
// [Wave 29 v224.10 NUCLEAR] Section 'overview' (8 KCards: SKUs/Valor estoque/Lucro potencial/Zerados/Risco/Dead/Sugestões)
// Extraído de ProdutosInsightsTab.jsx L272-285 (literal)
(function(){
  'use strict';

  function OverviewSection(props){
    const KCard = window.ZNX && window.ZNX.widgets && window.ZNX.widgets.KCard;
    const fmt = window.fmt || function(v){return 'R$ '+Number(v||0).toFixed(2);};
    const {products, topProducts, stockHealth, promoSuggestions} = props;
    if(!KCard) return null;

    return (
      <>
        <div style={{display:'grid',gridTemplateColumns:'repeat(4,1fr)',gap:14,marginBottom:20}}>
          <KCard label="SKUs ativos" value={(products||[]).filter(function(p){return p.active!==false;}).length} color='#2563EB' sub={(topProducts.length)+' já vendidos'}/>
          <KCard label="Valor Estoque (custo)" value={fmt(stockHealth.costVal)} color='#A89070'/>
          <KCard label="Valor Estoque (venda)" value={fmt(stockHealth.saleVal)} color='#16A34A'/>
          <KCard label="Lucro Potencial" value={fmt(stockHealth.potentialProfit)} color='#92700A' sub="se vender tudo"/>
        </div>
        <div style={{display:'grid',gridTemplateColumns:'repeat(4,1fr)',gap:14,marginBottom:20}}>
          <KCard label="Zerados" value={stockHealth.zerados.length} color='#DC2626' sub="sem estoque"/>
          <KCard label="Risco Ruptura" value={stockHealth.danger.length} color='#EA580C' sub="<20 dias"/>
          <KCard label="Dead Stock" value={stockHealth.dead.length} color='#9CA3AF' sub={fmt(stockHealth.deadCostVal)+' parado'}/>
          <KCard label="Sugestões IA" value={promoSuggestions.length} color='#C8A951' sub="ações sugeridas"/>
        </div>
      </>
    );
  }

  window.ZNX = window.ZNX || {};
  window.ZNX.widgets = window.ZNX.widgets || {};
  window.ZNX.widgets.produtosInsights = window.ZNX.widgets.produtosInsights || {};
  window.ZNX.widgets.produtosInsights.OverviewSection = OverviewSection;
  window.ProdutosInsightsOverview_v224_10_wave29 = true;
})();