Criar Boleto

<div class="boleto-success">
  <h2>✅ Boleto Gerado com Sucesso!</h2>
  
  <div class="boleto-details">
    <div class="detail-row">
      <strong>Valor:</strong>
      <span id="boleto-amount">R$ 250,00</span>
    </div>
    <div class="detail-row">
      <strong>Vencimento:</strong>
      <span id="boleto-due-date">15/02/2024</span>
    </div>
    <div class="detail-row">
      <strong>Código de Barras:</strong>
      <input type="text" id="boleto-barcode" readonly>
      <button onclick="copyBarcode()" title="Copiar código">📋</button>
    </div>
  </div>
  
  <div class="boleto-actions">
    <a href="#" id="boleto-pdf" class="btn btn-primary" target="_blank">
      📄 Visualizar Boleto
    </a>
    <button onclick="sendByEmail()" class="btn btn-secondary">
      📧 Enviar por Email
    </button>
    <button onclick="shareWhatsApp()" class="btn btn-success">
      📱 Compartilhar WhatsApp
    </button>
  </div>
  
  <div class="boleto-info">
    <h4>📋 Como Pagar:</h4>
    <ul>
      <li><strong>Internet Banking:</strong> Use o código de barras ou linha digitável</li>
      <li><strong>App do Banco:</strong> Escaneie o código de barras</li>
      <li><strong>Agência Bancária:</strong> Leve o boleto impresso</li>
      <li><strong>Lotérica:</strong> Apresente o código de barras</li>
    </ul>
  </div>
</div>

let currentBoleto = null;

function displayBoleto(boletoData) {
  currentBoleto = boletoData;
  
  // Formatar e exibir dados
  document.getElementById('boleto-amount').textContent = 
    boletoData.amount.toLocaleString('pt-BR', {
      style: 'currency',
      currency: 'BRL'
    });
  
  document.getElementById('boleto-due-date').textContent = 
    new Date(boletoData.due_date).toLocaleDateString('pt-BR');
  
  document.getElementById('boleto-barcode').value = boletoData.digitable_line;
  document.getElementById('boleto-pdf').href = boletoData.pdf_url;
}

function copyBarcode() {
  const barcodeInput = document.getElementById('boleto-barcode');
  barcodeInput.select();
  navigator.clipboard.writeText(barcodeInput.value);
  
  // Feedback visual
  alert('📋 Código copiado! Cole no app do seu banco para pagar.');
}

function sendByEmail() {
  const email = currentBoleto.buyer.email;
  const subject = 'Seu Boleto - ' + currentBoleto.description;
  const body = `Olá!\n\nSeu boleto está pronto para pagamento:\n\n` +
    `Valor: R$ ${currentBoleto.amount.toFixed(2)}\n` +
    `Vencimento: ${new Date(currentBoleto.due_date).toLocaleDateString('pt-BR')}\n\n` +
    `Link do boleto: ${currentBoleto.payment_link}\n\n` +
    `Você pode pagar em qualquer banco, app bancário ou lotérica.\n\n` +
    `Att,\nEquipe de Cobrança`;
  
  const mailtoLink = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
  window.location.href = mailtoLink;
}

function shareWhatsApp() {
  const phone = currentBoleto.buyer.phone;
  const message = `🧾 *Boleto Disponível*\n\n` +
    `💰 Valor: R$ ${currentBoleto.amount.toFixed(2)}\n` +
    `📅 Vencimento: ${new Date(currentBoleto.due_date).toLocaleDateString('pt-BR')}\n\n` +
    `🔗 Link do boleto:\n${currentBoleto.payment_link}\n\n` +
    `📱 Você pode pagar pelo app do seu banco ou em qualquer agência/lotérica`;
  
  const whatsappLink = `https://wa.me/55${phone}?text=${encodeURIComponent(message)}`;
  window.open(whatsappLink, '_blank');
}

async function checkBoletoStatus(boletoId) {
  try {
    const response = await fetch(`https://api-gateway.firebanking.com.br/bank-slip/v1/payment/${boletoId}`, {
      headers: {
        'x-api-key': 'SUA_CHAVE_DE_API'
      }
    });
    
    const boleto = await response.json();
    
    if (boleto.status === 'paid') {
      showPaymentConfirmed(boleto);
    } else if (boleto.status === 'expired') {
      showBoletoExpired(boleto);
    }
    
    return boleto.status;
  } catch (error) {
    console.error('Erro ao verificar status do boleto:', error);
  }
}

function showPaymentConfirmed(boleto) {
  const notification = document.createElement('div');
  notification.className = 'alert alert-success';
  notification.innerHTML = `
    <h4>✅ Pagamento Confirmado!</h4>
    <p>O boleto foi pago em ${new Date(boleto.paid_at).toLocaleDateString('pt-BR')}</p>
    <p>Valor pago: ${boleto.paid_amount.toLocaleString('pt-BR', {style: 'currency', currency: 'BRL'})}</p>
  `;
  
  document.body.prepend(notification);
}

function validateDocument(document) {
  // Remove caracteres não numéricos
  const cleanDoc = document.replace(/\D/g, '');
  
  if (cleanDoc.length === 11) {
    return validateCPF(cleanDoc);
  } else if (cleanDoc.length === 14) {
    return validateCNPJ(cleanDoc);
  }
  
  return false;
}

function validateCPF(cpf) {
  // Implementar validação de CPF
  // (algoritmo padrão de validação)
  return true; // Simplificado
}

function validateCNPJ(cnpj) {
  // Implementar validação de CNPJ
  // (algoritmo padrão de validação)
  return true; // Simplificado
}

async function validateAndFillAddress(cep) {
  const cleanCep = cep.replace(/\D/g, '');
  
  if (cleanCep.length !== 8) {
    throw new Error('CEP deve ter 8 dígitos');
  }
  
  try {
    const response = await fetch(`https://viacep.com.br/ws/${cleanCep}/json/`);
    const address = await response.json();
    
    if (address.erro) {
      throw new Error('CEP não encontrado');
    }
    
    return {
      street: address.logradouro,
      district: address.bairro,
      city: address.localidade,
      state: address.uf,
      zip_code: cleanCep
    };
  } catch (error) {
    throw new Error('Erro ao consultar CEP: ' + error.message);
  }
}