{{-- Email Header Partial - Reusable across email templates --}}
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #F4F4F4;">
  <tr>
    <td align="center">
      <!--[if mso]>
      <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" align="center">
      <tr>
      <td>
      <![endif]-->
      <table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; max-width: 600px;">
        <tr>
          <td style="padding: 24px 20px">
            {{-- WA Logo --}}
            <table cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td>
                  <img src="{{ path_asset('path.common.images_path') }}/logo-wa.png" width="80" height="80" alt="logo">
                </td>
              </tr>
            </table>
          </td>
        </tr>
        {{-- Greeting Section --}}
        @if(!empty($greeting))
        <tr>
          <td style="padding: 0 20px 24px;">
            <h1 style="margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; line-height: 1.2; color: #1F1F23;">
              {{ $greeting }},
            </h1>
            @if(!empty($content))
            <p style="margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color: #1F1F23;">
              {!! $content !!}
            </p>
            @endif
          </td>
        </tr>
        @endif
      </table>
      <!--[if mso]>
      </td>
      </tr>
      </table>
      <![endif]-->
    </td>
  </tr>
</table>