Referral Dashboard

{% if customer %}
<div style="max-width: 800px; margin: 0 auto; padding: 30px 16px;">
  <h2 style="text-align: center;">Hi {{ customer.first_name }}, refer your friends and earn!</h2>
  <div id="mmWrapper"></div>
</div>
<script type="text/javascript">
  var partnerCode = "PARTNERCODE";
  var email = {% if customer %}"{{ customer.email }}"{% else %}null{% endif %};
  var firstname = {% if customer %}"{{ customer.first_name }}"{% else %}null{% endif %};
  var surname = {% if customer %}"{{ customer.last_name }}"{% else %}null{% endif %};
  var locale = "{{ localization.language.iso_code | upcase }}";
  var country = {% if customer and customer.default_address %}"{{ customer.default_address.country_code }}"{% else %}"{{ localization.country.iso_code }}"{% endif %};
  var params = [
    ["situation", "dashboard"],
    ["implementation", "embed"],
    ["email", email],
    ["firstname", firstname],
    ["surname", surname],
    ["locale", locale + "_" + country]
  ];
  var query = params.map(function (p) { return p[0] + "=" + encodeURIComponent(p[1]); }).join("&");
  var script = document.createElement("script");
  script.src = "https://tag.mention-me.com/api/v2/dashboard/" + partnerCode + "?" + query;
  document.head.appendChild(script);
</script>
{% else %}
<div style="max-width: 800px; margin: 0 auto; padding: 30px 16px; text-align: center;">
  <p>You need to log in or create an account to access the referral dashboard.</p>
  <p><a href="/account/login">Log in</a></p>
</div>
{% endif %}