`snippets/dw-samples-banner.liquid`

29 lines
{%- comment -%} DW-SAMPLES-BANNER v1 — lifetime retail allowance + approved-trade entitlement. {%- endcomment -%}
<!-- DW-SAMPLES-BANNER v1 -->
{%- assign dw_is_trade = false -%}
{%- if customer and customer.tags contains 'trade_approved' -%}{%- assign dw_is_trade = true -%}{%- endif -%}
{%- assign dw_samples_used = customer.metafields.custom.free_samples_used.value | default: 0 | plus: 0 -%}
{%- assign dw_samples_remaining = 3 | minus: dw_samples_used -%}
{%- if dw_samples_remaining < 0 -%}{%- assign dw_samples_remaining = 0 -%}{%- endif -%}
{%- assign dw_login_separator = '?' -%}
{%- if routes.account_login_url contains '?' -%}{%- assign dw_login_separator = '&' -%}{%- endif -%}
<style>
  .dw-sample-banner{position:relative;z-index:60;background:#1a1714;color:#faf7f2;font-family:-apple-system,'Inter',system-ui,sans-serif;font-size:13px;line-height:1.4;letter-spacing:.02em;padding:11px 20px;text-align:center;border-bottom:1px solid #2b2620}
  .dw-sample-banner a.dw-sb-cta{color:#faf7f2;text-decoration:underline;text-underline-offset:2px;font-weight:600;white-space:nowrap}
  .dw-sample-banner a.dw-sb-cta:hover{color:#e7c9a6}
  .dw-sample-banner .dw-sb-lead{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;color:#b8865c;margin-right:8px}
  .dw-sample-banner .dw-sb-msg{display:inline}.dw-sample-banner .dw-sb-sub{opacity:.72;font-size:11px;margin-left:6px}
  .dw-sample-banner .dw-sb-sub a.dw-sb-cta{font-weight:500}
  @media(max-width:600px){.dw-sample-banner{font-size:12px;padding:10px 14px}.dw-sample-banner .dw-sb-lead,.dw-sample-banner .dw-sb-sub{display:block;margin:2px 0 0}}
</style>
<div class="dw-sample-banner" id="dwSampleBanner" role="region" aria-label="Complimentary samples offer">
  {%- if dw_is_trade -%}
    <span class="dw-sb-lead">Approved Trade</span><span class="dw-sb-msg">Your samples are complimentary with no limit. <a class="dw-sb-cta" href="{{ routes.all_products_collection_url }}">Choose samples &rsaquo;</a></span>
  {%- elsif customer -%}
    <span class="dw-sb-lead">Your Account</span><span class="dw-sb-msg">You have {{ dw_samples_remaining }} of 3 lifetime complimentary samples remaining &mdash; applied automatically at checkout. <a class="dw-sb-cta" href="{{ routes.all_products_collection_url }}">Choose samples &rsaquo;</a> <span class="dw-sb-sub">Design professional? <a class="dw-sb-cta" href="/pages/trade-only-benefits">Apply for unlimited samples &rsaquo;</a></span></span>
  {%- else -%}
    <span class="dw-sb-lead">Complimentary Samples</span><span class="dw-sb-msg"><a class="dw-sb-cta" href="{{ routes.account_login_url }}{{ dw_login_separator }}return_url={{ routes.all_products_collection_url | url_encode }}">Existing customer? Sign in. New here? Create an account.</a> Retail accounts receive 3 lifetime complimentary samples. <span class="dw-sb-sub">Approved design professionals receive unlimited samples. <a class="dw-sb-cta" href="/pages/trade-only-benefits">Trade Sign In &rsaquo;</a></span></span>
  {%- endif -%}
</div>
<!-- /DW-SAMPLES-BANNER -->