<%# app/views/teste_mailer/teste.html.erb %>
<div style="font-family: Arial, sans-serif; max-width: 520px; margin: 0 auto; background: #0a0a0a; border-radius: 12px; overflow: hidden;">

  <div style="background: #0a0a0a; padding: 24px; border-left: 6px solid #f97316;">
    <h1 style="color: #ffffff; margin: 0; font-size: 20px;">REEM TRANSPORTE</h1>
    <p style="color: #f97316; margin: 4px 0 0; font-size: 13px;">Sistema de Logística</p>
  </div>

  <div style="background: #ffffff; padding: 28px;">
    <h2 style="color: #0a0a0a; margin-top: 0;">✅ Configuração de e-mail funcionando</h2>

    <p style="color: #374151; font-size: 15px; line-height: 1.6;">
      Se você está lendo esta mensagem, o servidor de e-mail cadastrado na tela
      <strong>Configurações → Notificações e E-mail</strong> está enviando corretamente.
    </p>

    <table style="width: 100%; margin: 20px 0; border-collapse: collapse; font-size: 14px;">
      <tr>
        <td style="background: #f3f4f6; padding: 10px 14px; font-weight: bold; color: #374151;">Servidor</td>
        <td style="padding: 10px 14px; color: #0a0a0a;"><%= @config.smtp_address %>:<%= @config.smtp_port %></td>
      </tr>
      <tr>
        <td style="background: #f3f4f6; padding: 10px 14px; font-weight: bold; color: #374151;">Remetente</td>
        <td style="padding: 10px 14px; color: #0a0a0a;"><%= @config.remetente_formatado %></td>
      </tr>
      <% if @usuario %>
        <tr>
          <td style="background: #f3f4f6; padding: 10px 14px; font-weight: bold; color: #374151;">Disparado por</td>
          <td style="padding: 10px 14px; color: #0a0a0a;"><%= @usuario.nome_display %></td>
        </tr>
      <% end %>
      <tr>
        <td style="background: #f3f4f6; padding: 10px 14px; font-weight: bold; color: #374151;">Data/hora</td>
        <td style="padding: 10px 14px; color: #0a0a0a;"><%= @quando.strftime('%d/%m/%Y às %H:%M') %></td>
      </tr>
    </table>

    <p style="color: #9ca3af; font-size: 12px; text-align: center;">
      Mensagem automática de teste — não é necessário responder.
    </p>
  </div>
</div>
