`_legacy-directory/views/line.ejs`

40 lines
<%- include('partials/head', { title: 'Where to buy ' + line + ' — distributors carrying ' + line + ' | ' + site.name, description: 'List of wallcovering distributors that carry the ' + line + ' line in the United States. ' + carriers.length + ' distributor' + (carriers.length === 1 ? '' : 's') + ' indexed.' }) %>

<main class="wrap main">
  <a class="back-link" href="/">&larr; Back to directory</a>

  <section class="rep-detail">
    <h1>Where to buy <%= line %></h1>
    <p class="lead muted"><%= carriers.length %> distributor<%= carriers.length === 1 ? '' : 's' %> in the directory carry <%= line %>. Lines are typically authorized by region; contact the distributor closest to your project for stock, memo, and pricing.</p>
  </section>

  <ul class="card-grid" id="rep-grid" style="margin-top:24px;">
    <% carriers.forEach(function(d){ %>
      <li class="rep-card">
        <a class="rep-link" href="/distributor/<%= d.id %>">
          <div class="rep-card-head">
            <div class="rep-avatar"><%= d.company.split(' ').map(s => s[0]).join('').replace(/[^A-Z]/g,'').slice(0,3).toUpperCase() %></div>
            <div>
              <div class="rep-name"><%= d.company %></div>
              <div class="rep-agency"><%= d.city %></div>
            </div>
          </div>
          <div class="rep-meta">
            <% if (d.trade_only) { %><span class="chip ok">Trade-only</span><% } else { %><span class="chip retail">Trade + Retail</span><% } %>
            <% if (d.showroom && d.showroom.toLowerCase() !== 'none') { %><span class="chip">Showroom</span><% } %>
            <% if (d.memo_program && /yes/i.test(d.memo_program)) { %><span class="chip">Memos</span><% } %>
            <span class="chip"><%= d.regions.length %> region<%= d.regions.length === 1 ? '' : 's' %></span>
          </div>
          <div class="rep-vertical">
            <% d.segments.slice(0,4).forEach(function(s){ %>
              <span class="tag"><%= s %></span>
            <% }) %>
          </div>
        </a>
      </li>
    <% }) %>
  </ul>
</main>

<%- include('partials/foot') %>