{% 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-scroll">
  <table class="w-full">
    <thead class="bg-slate-100 text-left text-sm">
      <tr>
        <th class="px-4 py-3">Matter Num</th>
        <th class="px-4 py-3">Client / Property</th>
        <th class="px-4 py-3">Matter Description</th>
        <th class="px-4 py-3">Defendant 1</th>
        <th class="px-4 py-3">Matter Open</th>
        <th class="px-4 py-3">Practice Area</th>
        <th class="px-4 py-3">Notice Type</th>
        <th class="px-4 py-3">Case Number</th>
        <th class="px-4 py-3">Premises Address</th>
        <th class="px-4 py-3">Premises City</th>
        <th class="px-4 py-3">Client Email (Primary)</th>
        <th class="px-4 py-3">Responsible Attorney and best contact</th>
        <th class="px-4 py-3">Staff person currently in charge of your case, with contact info</th>
        <th class="px-4 py-3">2nd Staff person currently in charge of your case, with contact info</th>
        <th class="px-4 py-3">Link to Hona Portal</th>
        <th class="px-4 py-3">Matter Stage</th>
        <th class="px-4 py-3">Completed Tasks</th>
        <th class="px-4 py-3">Pending Tasks</th>
        <th class="px-4 py-3">Notice Service Date</th>
        <th class="px-4 py-3">Notice Expir. Date</th>
        <th class="px-4 py-3">Date Case Filed</th>
        <th class="px-4 py-3">Daily Rent Damages</th>
        <th class="px-4 py-3">Default Date</th>
        <th class="px-4 py-3">Default Entered On</th>
        <th class="px-4 py-3">Motions:</th>
        <th class="px-4 py-3">Demurrer Hearing Date</th>
        <th class="px-4 py-3">Motion To Strike Hearing Date</th>
        <th class="px-4 py-3">Motion to Quash Hearing Date</th>
        <th class="px-4 py-3">Other Motion Hearing Date</th>
        <th class="px-4 py-3">MSC Date</th>
        <th class="px-4 py-3">MSC Time</th>
        <th class="px-4 py-3">MSC Address</th>
        <th class="px-4 py-3">MSC Div/ Dept/ Room</th>
        <th class="px-4 py-3">Trial Date</th>
        <th class="px-4 py-3">Trial Time</th>
        <th class="px-4 py-3">Trial Address</th>
        <th class="px-4 py-3">Trial Div/ Dept/ Room</th>
        <th class="px-4 py-3">Final Result of Trial/ MSC</th>
        <th class="px-4 py-3">Date of Settlement</th>
        <th class="px-4 py-3">Final Obligation Under the Stip</th>
        <th class="px-4 py-3">Def's Comply with the Stip?</th>
        <th class="px-4 py-3">Judgment Date</th>
        <th class="px-4 py-3">Writ Issued Date</th>
        <th class="px-4 py-3">Scheduled Lockout</th>
        <th class="px-4 py-3">Oppose Stays?</th>
        <th class="px-4 py-3">Premises Safety or Access Issues</th>
        <th class="px-4 py-3">Matter Gate or Entry Code</th>
        <th class="px-4 py-3">Date Possession Recovered</th>
        <th class="px-4 py-3">Attorney's Fees</th>
        <th class="px-4 py-3">Costs</th>
        <th class="px-4 py-3">Service Attempt Date 1</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"></td>
        <td class="px-4 py-3 text-sm">{{ r.client }}</td>
        <td class="px-4 py-3 text-sm">{{ r.matter_description }}</td>
        <td class="px-4 py-3 text-sm">{{ r.defendant_1 }}</td>
        <td class="px-4 py-3 text-sm">{{ r.matter_open }}</td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm">{{ r.notice_type }}</td>
        <td class="px-4 py-3 text-sm">{{ r.case_number }}</td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
        <td class="px-4 py-3 text-sm"></td>
      </tr>
      {% else %}
      <tr>
        <td colspan="53" class="px-4 py-6 text-center text-slate-500">No matching projects found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}