<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JamKazam</title>
  </head>
  <body
    style="font-family: Arial, Helvetica, sans-serif; background-color: #f0f0f0"
  >
  <div style="padding: 2em; margin-top: 2em; background-color: #f0f0f0;">
    <div
      style="
        margin: 3em auto 1.5em auto;
        padding: 2em;
        background-color: #ffffff;
        max-width: 700px;
      "
    >
      <div style="text-align: center">
        <img src="<%= asset_url("JK_Logo_blue-2021.png", host: APP_CONFIG.action_mailer.asset_host ) -%>" alt="JamKazam" />
      </div>

      <%= yield %>

      </div>
      <footer style="text-align: center; margin: 0px auto; padding: 0px auto;">
        <small>
          <% if @user && @user.unsubscribe_token -%>
            <p>
              <%= I18n.t "mailer_layout.footer.paragraph1" -%> <a href="https://www.jamkazam.com" target="_blank">JamKazam</a>. <br />  <%= I18n.t "mailer_layout.footer.you_can" -%> <a
              
              href="https://www.jamkazam.com/unsubscribe/<%= @user.unsubscribe_token %>"
              style="
                color: #2c7be5;
                text-decoration: none;
                border-bottom: 1px solid #2c7be5;
              "
              ><%= I18n.t "mailer_layout.footer.unsubscribe" -%></a>
              <%= I18n.t "mailer_layout.footer.to_stop_receiving_emails" -%>
            </p>
          <% end -%>
          <div style="text-align: center; margin: 1em 0;">
            <span style="margin-right: 1em; top: -7px; position: relative;">
              <%= I18n.t "mailer_layout.footer.connect_with_us" -%>
            </span>
            <a href="https://www.facebook.com/JamKazam/" target="_blank" style="text-decoration: none;">
              <img src="<%= asset_url("email/fb-icon.png", host: APP_CONFIG.action_mailer.asset_host ) -%>" alt="Facebook" style="width: 24px; height: 24px; margin: 0 5px;">
            </a>
            <a href="https://www.instagram.com/jamkazamofficial" target="_blank" style="text-decoration: none;">
              <img src="<%= asset_url("email/instagram-icon.png", host: APP_CONFIG.action_mailer.asset_host ) -%>" alt="Instagram" style="width: 24px; height: 24px; margin: 0 5px;">
            </a>
            <a href="https://www.tiktok.com/@jamkazamofficial" target="_blank" style="text-decoration: none;">
              <img src="<%= asset_url("email/tiktok-icon.png", host: APP_CONFIG.action_mailer.asset_host ) -%>" alt="TikTok" style="width: 24px; height: 24px; margin: 0 5px;">
            </a>
            <a href="https://www.youtube.com/@jamkazam" target="_blank" style="text-decoration: none;">
              <img src="<%= asset_url("email/youtube-icon.png", host: APP_CONFIG.action_mailer.asset_host ) -%>" alt="YouTube" style="width: 24px; height: 24px; margin: 0 5px;">
            </a>
            <a href="https://x.com/jamkazam" target="_blank" style="text-decoration: none;">
              <img src="<%= asset_url("email/twitter-x-icon.png", host: APP_CONFIG.action_mailer.asset_host ) -%>" alt="X.com" style="width: 24px; height: 24px; margin: 0 5px;">
            </a>
          </div>
          <p>
            <%= I18n.t "mailer_layout.footer.copyright" -%>
          </p>
        </small>
      </footer>
    </div>
    
  </body>
  
</html>