// js/components/widgets/comissao-vendedora/CommissionBreakdown.jsx
// [Wave 35 v224.16 NUCLEAR EXTRACT 2026-05-24] 3 stat cards breakdown
// Extract LITERAL ComissaoVendedora L182-204 (vendas brutas + devoluções + vendas líquidas)
//
// Props:
//   - current (obj) — vendas_brutas, devolucoes_total, vendas_liquidas, vendas_count
//
// Deps lazy: window.fmtMoney
(function(){
  'use strict';
  function CommissionBreakdown(props){
    const fmtMoney = window.fmtMoney;
    if(typeof fmtMoney !== 'function'){
      console.error('[CommissionBreakdown] fmtMoney global ausente');
      return null;
    }
    const { current } = props;
    return (
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit, minmax(140px, 1fr))',gap:10,marginBottom:12}}>
        <div className="stat-card" style={{padding:'12px 14px'}}>
          <div className="stat-label" style={{fontSize:10}}>Vendas brutas</div>
          <div style={{fontSize:18,fontWeight:700,color:'#16A34A',fontVariantNumeric:'tabular-nums'}}>
            {fmtMoney(current.vendas_brutas)}
          </div>
          <div style={{fontSize:10,color:'#9CA3AF'}}>{current.vendas_count} venda{current.vendas_count===1?'':'s'}</div>
        </div>
        <div className="stat-card" style={{padding:'12px 14px'}}>
          <div className="stat-label" style={{fontSize:10}}>Devoluções</div>
          <div style={{fontSize:18,fontWeight:700,color:current.devolucoes_total>0?'#EA580C':'#9CA3AF',fontVariantNumeric:'tabular-nums'}}>
            −{fmtMoney(current.devolucoes_total)}
          </div>
          <div style={{fontSize:10,color:'#9CA3AF'}}>desconta da comissão</div>
        </div>
        <div className="stat-card" style={{padding:'12px 14px',borderLeft:'3px solid #2563EB'}}>
          <div className="stat-label" style={{fontSize:10}}>Vendas líquidas</div>
          <div style={{fontSize:18,fontWeight:700,color:'#2563EB',fontVariantNumeric:'tabular-nums'}}>
            {fmtMoney(current.vendas_liquidas)}
          </div>
          <div style={{fontSize:10,color:'#9CA3AF'}}>base do cálculo</div>
        </div>
      </div>
    );
  }
  window.ZNX = window.ZNX || {};
  window.ZNX.widgets = window.ZNX.widgets || {};
  window.ZNX.widgets['comissao-vendedora'] = window.ZNX.widgets['comissao-vendedora'] || {};
  window.ZNX.widgets['comissao-vendedora'].CommissionBreakdown = CommissionBreakdown;
  // [Wave 35 marker v224.16] confirma CommissionBreakdown executado
  window.CommissionBreakdown_v224_16_wave35 = true;
})();