workflow:
  id: smtp-html-email-sender
  name: SMTP HTML Email Sender
  description: Sends HTML-formatted email notifications through SMTP with customizable content and styling.
  triggers:
    - type: manual

  actions:
    - name: send-html-email
      provider:
        type: smtp
        config: "{{ providers.smtp }}"
        with:
          from_email: "your_email@gmail.com"
          from_name: "Keep Workflow"
          to_email:
            - "recipient1@example.com"
            - "recipient2@example.com"
          subject: "Keep Alert Notification"
          html: |
            <html>
              <body style="font-family: Arial, sans-serif; background-color: #f4f4f4; padding: 20px;">
                <div style="max-width: 600px; margin: 0 auto; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                  <h1 style="color: #333;">Alert from Keep</h1>
                  <p style="color: #666;">This is an example of an HTML-formatted email sent via SMTP provider.</p>
                  <table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
                    <tr>
                      <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>Alert Type</strong></td>
                      <td style="padding: 10px; border: 1px solid #ddd;">System Health Check</td>
                    </tr>
                    <tr>
                      <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>Status</strong></td>
                      <td style="padding: 10px; border: 1px solid #ddd;">
                        <span style="color: green; font-weight: bold;">✓ Operational</span>
                      </td>
                    </tr>
                    <tr>
                      <td style="padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9;"><strong>Timestamp</strong></td>
                      <td style="padding: 10px; border: 1px solid #ddd;">{{ utcnow }}</td>
                    </tr>
                  </table>
                  <div style="margin-top: 20px; padding: 15px; background-color: #e8f4f8; border-left: 4px solid #2196F3;">
                    <p style="margin: 0; color: #1976D2;"><strong>Note:</strong> This email demonstrates the HTML formatting capabilities of the SMTP provider.</p>
                  </div>
                </div>
              </body>
            </html>