{% extends 'base.html' %}
{% block content %}
<h1 class="text-xl font-semibold mb-4">Projects for {{ case_email }}</h1>
<div class="bg-white shadow rounded-2xl overflow-hidden">
  <table class="min-w-full">
    <thead class="bg-slate-100 text-left text-sm">
      <tr>
        <th class="px-4 py-3">Project ID</th>
        <th class="px-4 py-3">Project Name</th>
        <th class="px-4 py-3">Client Name</th>
        <th class="px-4 py-3">Project Type</th>
        <th class="px-4 py-3">Phase Name</th>
        <th class="px-4 py-3">Phase Date</th>
        <th class="px-4 py-3">Created Date</th>
        <th class="px-4 py-3">Last Activity</th>
        <th class="px-4 py-3">Project Email</th>
        <th class="px-4 py-3">Project URL</th>
        <th class="px-4 py-3">Defendant Name</th>
        <th class="px-4 py-3">Defendant Type</th>
        <th class="px-4 py-3">Defendant Role</th>
        <th class="px-4 py-3">Defendant Email</th>
        <th class="px-4 py-3">Defendant Phone</th>
        <th class="px-4 py-3">Defendant Address</th>
        <th class="px-4 py-3">Property Manager Name</th>
        <th class="px-4 py-3">Property Manager Type</th>
        <th class="px-4 py-3">Property Manager Role</th>
        <th class="px-4 py-3">Property Manager Email</th>
        <th class="px-4 py-3">Property Manager Phone</th>
        <th class="px-4 py-3">Property Manager Address</th>
        <th class="px-4 py-3">Attorney Name</th>
        <th class="px-4 py-3">Attorney Type</th>
        <th class="px-4 py-3">Attorney Role</th>
        <th class="px-4 py-3">Attorney Email</th>
        <th class="px-4 py-3">Attorney Phone</th>
        <th class="px-4 py-3">Attorney Address</th>
      </tr>
    </thead>
    <tbody class="divide-y">
      {% for r in rows %}
      <tr class="hover:bg-slate-50">
        <td class="px-4 py-3 text-sm">{{ r.ProjectId or '—' }}</td>
        <td class="px-4 py-3 text-sm">{{ r.ProjectName or '—' }}</td>
        <td class="px-4 py-3 text-sm">{{ r.client or '—' }}</td>
        <td class="px-4 py-3 text-sm">{{ r.projectTypeCode or '—' }}</td>
        <td class="px-4 py-3 text-sm">{{ r.phaseName or '—' }}</td>
        <td class="px-4 py-3 text-sm">{{ (r.phaseDate or '')[:10] }}</td>
        <td class="px-4 py-3 text-sm">{{ (r.createdDate or '')[:10] }}</td>
        <td class="px-4 py-3 text-sm">{{ (r.lastActivity or '')[:10] }}</td>
        <td class="px-4 py-3 text-sm">{{ r.ProjectEmailAddress or '—' }}</td>
        <td class="px-4 py-3 text-sm">
          {% if r.projectUrl %}
          <a class="text-blue-600 hover:underline" href="{{ r.projectUrl }}" target="_blank">Open</a>
          {% else %}—{% endif %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Defendant' in (c.roles or []) %}
              {{ c.orgContact.firstName }} {{ c.orgContact.lastName }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Defendant' in (c.roles or []) %}
              {{ (c.orgContact.personTypes or ['—']) | join(', ') }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Defendant' in (c.roles or []) %}
              {{ (c.roles or ['—']) | join(', ') }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Defendant' in (c.roles or []) and c.orgContact.emails %}
              {{ c.orgContact.emails[0].address }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Defendant' in (c.roles or []) and c.orgContact.phones %}
              {{ c.orgContact.phones[0].number }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Defendant' in (c.roles or []) and c.orgContact.addresses %}
              {{ c.orgContact.addresses[0].fullAddress }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Property Manager' in (c.roles or []) %}
              {{ c.orgContact.firstName }} {{ c.orgContact.lastName }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Property Manager' in (c.roles or []) %}
              {{ (c.orgContact.personTypes or ['—']) | join(', ') }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Property Manager' in (c.roles or []) %}
              {{ (c.roles or ['—']) | join(', ') }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Property Manager' in (c.roles or []) and c.orgContact.emails %}
              {{ c.orgContact.emails[0].address }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Property Manager' in (c.roles or []) and c.orgContact.phones %}
              {{ c.orgContact.phones[0].number }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Property Manager' in (c.roles or []) and c.orgContact.addresses %}
              {{ c.orgContact.addresses[0].fullAddress }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Attorney' in (c.roles or []) %}
              {{ c.orgContact.firstName }} {{ c.orgContact.lastName }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Attorney' in (c.roles or []) %}
              {{ (c.orgContact.personTypes or ['—']) | join(', ') }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Attorney' in (c.roles or []) %}
              {{ (c.roles or ['—']) | join(', ') }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Attorney' in (c.roles or []) and c.orgContact.emails %}
              {{ c.orgContact.emails[0].address }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Attorney' in (c.roles or []) and c.orgContact.phones %}
              {{ c.orgContact.phones[0].number }}
            {% endif %}
          {% endfor %}
        </td>
        <td class="px-4 py-3 text-sm">
          {% for c in r.contacts %}
            {% if 'Attorney' in (c.roles or []) and c.orgContact.addresses %}
              {{ c.orgContact.addresses[0].fullAddress }}
            {% endif %}
          {% endfor %}
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="27" class="px-4 py-6 text-center text-slate-500">No matching projects found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}