<!doctype html>
<html>

  <head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{$template_subject}</title>
    {include file='emails/__email_styles.tpl'}
  </head>

  <body>
    <span class="preheader">{$template_subject}</span>
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
      <tr>
        <td>&nbsp;</td>
        <td class="container">

          <div class="email-header">
            <a href="{$system['system_url']}">
              {if $system['system_logo']}
              <img src="{$system['system_uploads']}/{$system['system_logo']}" alt="{__($system['system_title'])}">
              {else}
              <span class="site-name">{__($system['system_title'])}</span>
              {/if}
            </a>
          </div>

          <div class="content">
            <table role="presentation" class="main">
              <tr>
                <td class="header-bar">&nbsp;</td>
              </tr>
              <tr>
                <td class="wrapper">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td>
                        <h1>{__("New Contact Message")}</h1>
                        <p>{__("You have received a new message through the contact form.")}</p>

                        <table class="detail-table">
                          <tr>
                            <td class="detail-label">{__("Subject")}</td>
                            <td class="detail-value">{$subject}</td>
                          </tr>
                          <tr>
                            <td class="detail-label">{__("Sender Name")}</td>
                            <td class="detail-value">{$name}</td>
                          </tr>
                          <tr>
                            <td class="detail-label">{__("Sender Email")}</td>
                            <td class="detail-value"><a href="mailto:{$email}">{$email}</a></td>
                          </tr>
                        </table>

                        <p><strong>{__("Message:")}</strong></p>
                        <div class="message-box">{$message}</div>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>

            <div class="footer">
              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td class="content-block">
                    <p>&copy; {$smarty.now|date_format:"%Y"} <a href="{$system['system_url']}">{__($system['system_title'])}</a>. {__("All rights reserved.")}</p>
                    <p>{__("This is an automated notification from the contact form on")} <a href="{$system['system_url']}">{__($system['system_title'])}</a>.</p>
                  </td>
                </tr>
              </table>
            </div>

          </div>
        </td>
        <td>&nbsp;</td>
      </tr>
    </table>
  </body>

</html>