layout: strip
title: Content 
permalink: /content/
published: true
---
<meta name="robots" content="noindex, nofollow">


 <div class="padding-holder wide-6">
  <div class="inner">

{% assign sorted = site.data.locations 
  | sort: 'name_sm' 
  | where_exp: "l", "l.slug != 'baby_shark' and l.slug != 'blue'" %}

<div class="tabs">
  <button class="tab-button" data-view="location">By Location</button>
  <button class="tab-button active" data-view="missing">By Missing Item</button>
</div>

<div id="location-view" class="view">
<select id="location-select">
  <option value="">Select a location</option>
</select>

{% for l in sorted %}
  <div class="wide-6 item active" data-slug="{{ l.slug }}">

    <div class="bar wide-5">
      <div class="icon {% unless l.disc_url %}nodice{% endunless %}">
        {% if l.disc_url %}
          <img src="{{ l.disc_url }}" alt="{{ l.name_sm }}">
        {% endif %}
      </div>
      <span class="name h40">{{ l.name_sm }}</span>
    </div>

  <div class="zone">

    <div class="missing-red">

{% if l.missingCodes.size > 0 %}
 missing codes:
<div class="missing-codes">
        {% for code in l.missingCodes %}
          <div class="missing-code">{{ code }}</div>
        {% endfor %}
       
        {% if l.missingContact.size > 0 %}
           {% for contact in l.missingContact %}
          <div class="missing-contact">{{ contact }}</div>
        {% endfor %}
        {% endif %}
        </div>
      {% else %}
     no missing codes
      {% endif %}

</div>


<div class="stats">
  <div class="stat">Counts</div>
  <div class="stat"></div>
  {% for pair in l.counts %}
    {% assign name = pair[0] | replace: '-', ' ' | capitalize %}
    {% assign num  = pair[1] | default: 0 %}
    {% assign key_name = pair[0] %}
    {% assign is_red = false %}
    
    {% if key_name == 'Building-photo-gallery' and num < 5 %}
      {% assign is_red = true %}
    {% elsif key_name == 'staff-leadership' and num < 5 %}
      {% assign is_red = true %}
    {% elsif key_name == 'awards' and num <= 1 %}
      {% assign is_red = true %}
    {% elsif key_name != 'awards' and key_name != 'Building-photo-gallery' and key_name != 'staff-leadership' and num == 0 %}
      {% assign is_red = true %}
    {% endif %}
    
    <div class="stat {% if is_red %}red{% endif %}">
      {{ name }}<span class="num">{{ num }}</span>
    </div>
  {% endfor %}
</div>


</div>

  </div>
{% endfor %}

</div>

<div id="missing-view" class="view active">
  <div id="missing-container"></div>
</div>

</div>
</div> 
<script>
var locations = {{ site.data.locations | jsonify }};
</script>
<script>
$(document).ready(function () {
  // Populate the select dropdown with locations
  $('.item').each(function() {
    var slug = $(this).data('slug');
    var name = $(this).find('.name').text().trim();
    $('#location-select').append('<option value="' + slug + '">' + name + '</option>');
  });

  // Handle select change
  $('#location-select').change(function() {
    var selectedSlug = $(this).val();
    $('.item').removeClass('active');
    if (selectedSlug) {
      $('.item[data-slug="' + selectedSlug + '"]').addClass('active');
    }
  });

  // Tab switching
  $('.tab-button').click(function() {
    $('.tab-button').removeClass('active');
    $(this).addClass('active');
    var view = $(this).data('view');
    $('.view').removeClass('active');
    $('#' + view + '-view').addClass('active');
    if (view === 'location') {
      $('#location-select').show();
    } else {
      $('#location-select').hide();
    }
  });

  // Build missing view
  var container = $('#missing-container');
  var missingMap = {};
  var lowCountMap = {};

  locations.forEach(function(l) {
    if (l.missingCodes && l.missingCodes.length > 0) {
      l.missingCodes.forEach(function(code) {
        if (!missingMap[code]) missingMap[code] = [];
        missingMap[code].push(l);
      });
    }
    if (l.missingContact && l.missingContact.length > 0) {
      l.missingContact.forEach(function(contact) {
        if (!missingMap[contact]) missingMap[contact] = [];
        missingMap[contact].push(l);
      });
    }
    if (l.counts) {
      Object.keys(l.counts).forEach(function(key) {
        var val = l.counts[key] || 0;
        var isPhotos = key === 'Building-photo-gallery';
        var isLeadership = key === 'staff-leadership';

        var shouldAdd = false;
        if (key !== 'awards') {
          if ((isPhotos || isLeadership) && val < 5) {
            // Flag when 0-4 for photos/leadership
            shouldAdd = true;
          } else if (!isPhotos && !isLeadership && val < 2) {
            // Others keep old <2 rule
            shouldAdd = true;
          }
        }

        if (shouldAdd) {
          if (!lowCountMap[key]) lowCountMap[key] = [];
          lowCountMap[key].push({loc: l, count: val});
        }
      });
    }
  });

  // Add missing codes sections
  Object.keys(missingMap).sort().forEach(function(code) {
    var section = $('<div class="missing-section"><div class="missing-code"><span>Missing:</span>' + code + '</div><ul></ul></div>');
    missingMap[code].sort(function(a, b) { return a.name_sm.localeCompare(b.name_sm); }).forEach(function(l) {
      var liClass = (l.division === 'senior_living') ? 'sl' : '';
      section.find('ul').append('<li class="' + liClass + '">' + l.name_sm + '</li>');
    });
    container.append(section);
  });

  // Add low count sections
  Object.keys(lowCountMap).sort().forEach(function(key) {
    var displayKey = key.replace(/-/g, ' ').replace(/\b\w/g, function(l){ return l.toUpperCase(); });
    var section = $('<div class="missing-section"><h3>Low Count: ' + displayKey + '</h3><ul></ul></div>');
    lowCountMap[key].sort(function(a, b) { return a.loc.name_sm.localeCompare(b.loc.name_sm); }).forEach(function(item) {
      var isPhotos = key === 'Building-photo-gallery';
      var isLeadership = key === 'staff-leadership';
      var isYellow = (isPhotos || isLeadership) ? (item.count > 0 && item.count < 5) : (item.count === 1 || item.count === 2);
      var displayCount = (isPhotos || isLeadership) ? ' (' + item.count + ')' : (isYellow ? ' (' + item.count + ')' : '');
      var liClass = isYellow ? 'code-yellow' : '';
      if (item.loc.division === 'senior_living') liClass += ' sl';
      section.find('ul').append('<li class="' + liClass + '">' + item.loc.name_sm + displayCount + '</li>');
    });
    container.append(section);
  });
});
  
</script>