// js/components/widgets/cliente-timeline/AvisosPanel.jsx
// [Wave 28 v224.9 NUCLEAR] Painel avisos + 4 botões ações rápidas
// Extraído de ClienteTimeline.jsx L329-376 (literal · zero mudança lógica)
(function(){
  'use strict';

  function AvisosPanel(props){
    const {avisos, client, waLink, user, onOpenSale, onOpenQuote, onAddCredit, onEdit} = props;

    return (
      <>
        {/* Avisos automáticos (L329-338) */}
        {avisos && avisos.length > 0 && (
          <div style={{display:'flex',gap:8,flexWrap:'wrap',marginBottom:16}}>
            {avisos.map(function(a, i){
              return (
                <div key={i} style={{padding:'8px 14px',borderRadius:8,background:a.color+'18',color:a.color,fontSize:13,fontWeight:600,border:'1px solid '+a.color+'44'}}>
                  {a.text}
                </div>
              );
            })}
          </div>
        )}

        {/* Ações rápidas (L370-376) */}
        <div style={{display:'flex',gap:8,flexWrap:'wrap',marginBottom:18}}>
          {onOpenQuote && <button className="btn-gold" onClick={function(){onOpenQuote(client);}}>📋 Novo Orçamento</button>}
          {onAddCredit && (user && (user.role==='admin' || user.role==='financeiro')) && <button className="btn-outline" onClick={function(){onAddCredit(client);}}>💰 Crédito (+/−)</button>}
          {onEdit && <button className="btn-outline" onClick={function(){onEdit(client);}}>✏ Editar Dados</button>}
          {waLink && <a className="btn-outline" href={waLink} target="_blank" rel="noopener" style={{borderColor:'#25D366',color:'#25D366',textDecoration:'none'}}>📱 WhatsApp Inteligente</a>}
        </div>
      </>
    );
  }

  window.ZNX = window.ZNX || {};
  window.ZNX.widgets = window.ZNX.widgets || {};
  window.ZNX.widgets.clienteTimeline = window.ZNX.widgets.clienteTimeline || {};
  window.ZNX.widgets.clienteTimeline.AvisosPanel = AvisosPanel;
  window.ClienteTimelineAvisos_v224_9_wave28 = true;
})();