`_legacy-directory/views/distributor.ejs`

94 lines
<%- include('partials/head', { title: distributor.company + ' — ' + distributor.city + ' wallpaper distributor | ' + site.name, description: distributor.company + ' is a wallcovering distributor based in ' + distributor.city + '. Carries ' + distributor.lines_carried.slice(0,5).join(', ') + (distributor.lines_carried.length > 5 ? ' and ' + (distributor.lines_carried.length - 5) + ' more lines' : '') + '. ' + (distributor.trade_only ? 'To-the-trade only.' : 'Trade and retail.') + ' ' + (distributor.notes || '') }) %>

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

  <section class="rep-detail">
    <div class="rep-header">
      <div class="rep-avatar lg"><%= distributor.company.split(' ').map(s => s[0]).join('').replace(/[^A-Z]/g,'').slice(0,3).toUpperCase() %></div>
      <div>
        <h1><%= distributor.company %></h1>
        <div class="agency"><%= distributor.city %></div>
        <% if (distributor.founded) { %><div class="city muted">Established <%= distributor.founded %></div><% } %>
        <div class="rep-meta" style="margin-top:10px;">
          <% if (distributor.trade_only) { %><span class="chip ok">To-the-Trade Only</span><% } else { %><span class="chip retail">Trade + Retail</span><% } %>
          <% if (distributor.showroom && distributor.showroom.toLowerCase() !== 'none') { %><span class="chip">Showroom</span><% } %>
          <% if (distributor.memo_program && /yes/i.test(distributor.memo_program)) { %><span class="chip">Memo Program</span><% } %>
        </div>
      </div>
    </div>

    <% if (distributor.notes) { %>
      <p class="dist-notes"><%= distributor.notes %></p>
    <% } %>

    <div class="rep-grid-detail">
      <div>
        <h3>Lines carried</h3>
        <div class="chips">
          <% distributor.lines_carried.forEach(function(l){ %>
            <a href="/line/<%= encodeURIComponent(l) %>" class="chip line-chip"><%= l %></a>
          <% }) %>
        </div>
      </div>
      <div>
        <h3>Regions covered</h3>
        <div class="chips">
          <% distributor.regions.forEach(function(r){ %><span class="chip"><%= r %></span><% }) %>
        </div>
      </div>
      <div>
        <h3>Project segments</h3>
        <div class="chips">
          <% distributor.segments.forEach(function(s){ %><span class="tag"><%= s %></span><% }) %>
        </div>
      </div>
      <div>
        <h3>Sales terms</h3>
        <ul class="lines-list">
          <li><strong>Sells to:</strong> <%= distributor.trade_only ? 'Trade only' : 'Trade + Retail' %></li>
          <li><strong>Showroom:</strong> <%= distributor.showroom || 'Not on file' %></li>
          <li><strong>Memo program:</strong> <%= distributor.memo_program || 'Not on file' %></li>
          <li><strong>Min order:</strong> <%= distributor.min_order || 'Not on file' %></li>
          <li><strong>Lead time:</strong> <%= distributor.lead_time || 'Not on file' %></li>
        </ul>
      </div>
    </div>

    <div class="cta-row">
      <a class="btn-primary" href="<%= distributor.contact_url %>" target="_blank" rel="noopener noreferrer">Contact <%= distributor.company %> &rarr;</a>
      <% if (distributor.website) { %>
        <a class="btn-ghost" href="<%= distributor.website %>" target="_blank" rel="noopener noreferrer">Visit website</a>
      <% } %>
      <a class="btn-ghost" href="mailto:<%= site.email %>?subject=Question%20about%20<%= encodeURIComponent(distributor.company) %>">Ask the directory</a>
    </div>
  </section>

  <% if (related.length) { %>
  <section class="related">
    <h2>Other distributors carrying similar lines</h2>
    <ul class="card-grid" style="--cols-min: 280px">
      <% related.forEach(function(r){ %>
        <li class="rep-card">
          <a class="rep-link" href="/distributor/<%= r.id %>">
            <div class="rep-card-head">
              <div class="rep-avatar"><%= r.company.split(' ').map(s => s[0]).join('').replace(/[^A-Z]/g,'').slice(0,3).toUpperCase() %></div>
              <div>
                <div class="rep-name"><%= r.company %></div>
                <div class="rep-agency"><%= r.city %></div>
              </div>
            </div>
            <div class="rep-meta">
              <% if (r.trade_only) { %><span class="chip ok">Trade-only</span><% } else { %><span class="chip retail">Trade + Retail</span><% } %>
              <span class="chip"><%= r.lines_carried.length %> lines</span>
            </div>
          </a>
        </li>
      <% }) %>
    </ul>
  </section>
  <% } %>
</main>

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