{% extends "main.html" %}
{% set type_icons = {
  'research': '🔬', 'education': '🔬',
  'advocacy': '📢',
  'platform': '💻', 'civic_tech': '💻',
  'practice': '🤝', 'philanthropy': '🤝', 'cooperative': '🤝',
  'party': '🗳️', 'political_party': '🗳️', 'political-party': '🗳️', 'political_movement': '🗳️',
  'governance': '⚖️', 'government': '⚖️'
} %}
{% set country_names = {
  'AR': 'Argentina', 'AT': 'Austria', 'AU': 'Australia', 'BE': 'Belgium',
  'BO': 'Bolivia', 'BR': 'Brazil', 'CA': 'Canada', 'CN': 'China',
  'CU': 'Cuba', 'DE': 'Germany', 'EC': 'Ecuador', 'EE': 'Estonia',
  'ES': 'Spain', 'EU': 'European Union', 'FR': 'France', 'GB': 'United Kingdom',
  'GH': 'Ghana', 'IL': 'Israel', 'IN': 'India', 'IS': 'Iceland',
  'KE': 'Kenya', 'LB': 'Lebanon', 'MX': 'Mexico', 'MY': 'Malaysia',
  'NG': 'Nigeria', 'NZ': 'New Zealand', 'PH': 'Philippines', 'PS': 'Palestine',
  'RO': 'Romania', 'RU': 'Russia', 'RW': 'Rwanda', 'SE': 'Sweden',
  'SK': 'Slovakia', 'SY': 'Syria', 'TW': 'Taiwan', 'UA': 'Ukraine',
  'US': 'United States', 'VE': 'Venezuela', 'VN': 'Vietnam', 'ZA': 'South Africa'
} %}
{% block content %}
{%- set header_img = page.meta.banner or page.meta.logo %}
{%- set is_banner = page.meta.banner and true or false %}
{%- if header_img %}
<div class="org-page-header">
  <img class="{{ 'org-page-banner' if is_banner else 'org-page-header-logo' }}{% if page.meta.logo_bg == 'dark' %} org-logo-needs-dark{% elif page.meta.logo_bg == 'light' %} org-logo-needs-light{% endif %}" src="{{ header_img }}" alt="{{ page.title }} logo">
</div>
{%- endif %}
{%- if page.meta.status or page.meta.type or page.meta.country or page.meta.website %}
{%- set has_details = (page.meta.contact and (page.meta.contact.email or page.meta.contact.phone or page.meta.contact.form)) or page.meta.rss_feed or page.meta.ics_feed or page.meta.news_page or page.meta.concepts or page.meta.computed_activity %}
{%- if has_details %}<details class="org-meta-details md-typeset">{% else %}<div class="org-meta-details md-typeset org-meta-details--plain">{% endif %}
  <summary class="org-meta-summary">
    {%- if page.meta.status %}<span class="org-meta-pill">Status: <span class="project-status-badge status-{{ page.meta.status }}">{{ page.meta.status }}</span></span>{% endif %}
    {%- if page.meta.type %}<span class="org-meta-pill">Type: {{ type_icons.get(page.meta.type, '🏛️') }} {{ page.meta.type }}</span>{% endif %}
    {%- if page.meta.country %}<span class="org-meta-pill">Country: {{ country_names.get(page.meta.country.upper(), page.meta.country) }}</span>{% endif %}
    {%- if page.meta.website %}
    <span class="org-meta-pill">Website:
      {%- if 'web.archive.org' in page.meta.website %}
      <a href="{{ page.meta.website }}" onclick="event.stopPropagation()" target="_blank" rel="noopener">Archive ↗</a>
      {%- else %}
      <a href="{{ page.meta.website }}" onclick="event.stopPropagation()" target="_blank" rel="noopener">{{ page.meta.website | replace('https://', '') | replace('http://', '') }}</a>
      {%- endif %}
    </span>
    {%- endif %}
  </summary>
  {%- if has_details %}
  <table>
    <tbody>
      {%- if page.meta.status %}
      <tr>
        <th>Status</th>
        <td><span class="project-status-badge status-{{ page.meta.status }}">{{ page.meta.status }}</span></td>
      </tr>
      {%- endif %}
      {%- if page.meta.type %}
      <tr>
        <th>Type</th>
        <td>{{ type_icons.get(page.meta.type, '🏛️') }} {{ page.meta.type }}</td>
      </tr>
      {%- endif %}
      {%- if page.meta.country %}
      <tr>
        <th>Country</th>
        <td>{{ country_names.get(page.meta.country.upper(), page.meta.country) }}</td>
      </tr>
      {%- endif %}
      {%- if page.meta.website %}
      <tr>
        <th>Website</th>
        <td>
          {%- if 'web.archive.org' in page.meta.website %}
          <a href="{{ page.meta.website }}">Archive ↗</a>
          {%- else %}
          <a href="{{ page.meta.website }}">{{ page.meta.website | replace('https://', '') | replace('http://', '') }}</a>
          {%- endif %}
        </td>
      </tr>
      {%- endif %}
      {%- if page.meta.contact and (page.meta.contact.email or page.meta.contact.phone or page.meta.contact.form or page.meta.contact.channels) %}
      <tr>
        <th>Contact</th>
        <td>
          {%- if page.meta.contact.email %}<a href="mailto:{{ page.meta.contact.email }}">{{ page.meta.contact.email }}</a>{%- endif %}
          {%- if page.meta.contact.email and page.meta.contact.phone %}<br>{%- endif %}
          {%- if page.meta.contact.phone %}{{ page.meta.contact.phone }}{%- endif %}
          {%- if page.meta.contact.form and (page.meta.contact.email or page.meta.contact.phone) %}<br>{%- endif %}
          {%- if page.meta.contact.form %}<a href="{{ page.meta.contact.form }}" target="_blank" rel="noopener">Contact form ↗</a>{%- endif %}
          {%- for ch in page.meta.contact.channels or [] %}
          {%- if not loop.first or page.meta.contact.email or page.meta.contact.phone or page.meta.contact.form %}<br>{%- endif %}
          <a href="{{ ch.url }}" target="_blank" rel="noopener">{{ ch.label or ch.type | capitalize }} ↗</a>{% if ch.note %} — {{ ch.note }}{% endif %}
          {%- endfor %}
        </td>
      </tr>
      {%- endif %}
      {%- if page.meta.rss_feed %}
      <tr>
        <th>RSS feed</th>
        <td><a href="{{ page.meta.rss_feed }}">{{ page.meta.rss_feed | replace('https://', '') | replace('http://', '') }}</a></td>
      </tr>
      {%- endif %}
      {%- if page.meta.ics_feed %}
      <tr>
        <th>Calendar feed</th>
        <td><a href="{{ page.meta.ics_feed }}">{{ page.meta.ics_feed | replace('https://', '') | replace('http://', '') }}</a></td>
      </tr>
      {%- endif %}
      {%- if page.meta.news_page %}
      <tr>
        <th>News page</th>
        <td><a href="{{ page.meta.news_page }}">{{ page.meta.news_page | replace('https://', '') | replace('http://', '') }}</a></td>
      </tr>
      {%- endif %}
      {%- if page.meta.concepts %}
      <tr>
        <th>Concepts</th>
        <td>
          {%- for c in page.meta.concepts %}
          <a href="/concepts/{{ c }}/" class="concept-tag">{{ c | replace('-', ' ') | title }}</a>
          {%- endfor %}
        </td>
      </tr>
      {%- endif %}
      {%- if page.meta.computed_activity %}
      {%- set ca = page.meta.computed_activity %}
      <tr>
        <th>Last activity</th>
        <td>
          <span class="activity-date">{{ ca.date }}</span>
          <span class="activity-method-chip method-{{ ca.method }}">{{ ca.method }}</span>
          {%- if ca.note %}
          <br><span class="activity-note">
            {%- if ca.url %}<a href="{{ ca.url }}">{{ ca.note }}</a>{%- else %}{{ ca.note }}{%- endif %}
          </span>
          {%- endif %}
        </td>
      </tr>
      {%- endif %}
    </tbody>
  </table>
  {%- endif %}
{%- if has_details %}</details>{% else %}</div>{% endif %}
{%- endif %}
  {{ super() }}
{%- macro render_event(e) -%}
  {%- set href = e.url | with_fragment(e.quote) if e.url else none %}
  {%- set archive_href = e.url | archive_url_for if e.url else none %}
  <li class="{% if e.notable %}org-event--notable{% endif %}">
    <span class="org-event-date">{{ e.date }}{% if e.end_date %}–{{ e.end_date }}{% endif %}</span>
    <span class="org-event-title">{% if href %}<a href="{{ href }}" target="_blank" rel="noopener">{{ e.title }}</a>{% else %}{{ e.title }}{% endif %}</span>
    {%- if e.coverage_url %}<span class="org-event-coverage"> — <a href="{{ e.coverage_url }}">DOD coverage</a></span>{%- endif %}
    {%- if e.proof_level or e.url or e.source %}
    <details class="org-event-detail">
      <summary>
        {%- if e.proof_level %}<span class="org-event-proof proof-{{ e.proof_level }}">Sourcing: {{ e.proof_level | capitalize }}</span>{% endif %}
        {%- if e.proof_warning %}<span class="org-event-warning">⚠ Unverified</span>{% endif %}
      </summary>
      {%- if e.quote %}<blockquote class="org-event-quote">{{ e.quote | e }}</blockquote>{% endif %}
      {%- if e.note %}<p class="org-event-note">{{ e.note | e }}</p>{% endif %}
      {%- if e.proof_warning %}<p class="org-event-warning-note">No note, quote, or fragment behind this citation yet — click through to verify manually.</p>{% endif %}
      {%- if href %}<a href="{{ href }}" target="_blank" rel="noopener" class="org-event-source-btn">↗ View source</a>{% elif e.source %}<p class="org-event-source-cited">Cited: {{ e.source | e }}</p>{% endif %}
      {%- if archive_href %}<a href="{{ archive_href }}" target="_blank" rel="noopener" class="org-event-archive-btn" title="Archived snapshot (Wayback Machine)">🗃️ Archived copy</a>{% endif %}
    </details>
    {%- endif %}
  </li>
{%- endmacro %}
{%- if page.meta.upcoming_events %}
<h2>Upcoming events</h2>
<ul class="org-events-timeline">
  {%- for e in page.meta.upcoming_events %}
  {{ render_event(e) }}
  {%- endfor %}
</ul>
{%- endif %}
{%- if page.meta.history_events %}
<h2>History</h2>
<ul class="org-events-timeline">
  {%- for e in page.meta.history_events | reverse %}
  {{ render_event(e) }}
  {%- endfor %}
</ul>
{%- endif %}
{% endblock %}
{% block scripts %}
{{ super() }}
<script>
(function () {
  document.querySelectorAll('.concept-tag').forEach(function(el) {
    var parts = el.getAttribute('href').split('/');
    var slug = parts[parts.indexOf('concepts') + 1] || '';
    var hash = 0;
    for (var i = 0; i < slug.length; i++) hash = ((hash << 5) - hash) + slug.charCodeAt(i);
    el.style.setProperty('--concept-hue', Math.abs(hash) % 360);
  });
})();
</script>
{% endblock %}