{% extends 'base.html' %}
{% block title %}{{ case.case_number }} - DEICMS{% endblock %}
{% block content %}
<div class="topbar">
  <span class="page-title">
    <i class="bi bi-folder2-open me-2"></i>{{ case.case_number }}: {{ case.title }}
  </span>
  <div class="d-flex gap-2">
    {% if current_user.can_manage() %}
    <a href="{{ url_for('export.export_case', case_id=case.id) }}" class="btn btn-outline-secondary btn-sm">
      <i class="bi bi-file-earmark-zip me-1"></i>Export Signed Package
    </a>
    <a href="{{ url_for('cases.edit_case', case_id=case.id) }}" class="btn btn-outline-primary btn-sm">
      <i class="bi bi-pencil me-1"></i>Edit
    </a>
    <a href="{{ url_for('evidence.upload_evidence', case_id=case.id) }}" class="btn btn-primary btn-sm">
      <i class="bi bi-upload me-1"></i>Upload Evidence
    </a>
    {% endif %}
  </div>
</div>

<div class="row g-3 mb-4">
  <div class="col-md-8">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col-sm-4 text-muted small fw-semibold">Status</div>
          <div class="col-sm-8">
            {% set colours = {'Open':'primary','Active':'success','Pending':'warning','Closed':'secondary','Archived':'dark'} %}
            <span class="badge bg-{{ colours.get(case.status,'secondary') }}">{{ case.status }}</span>
          </div>
        </div>
        <hr class="my-2"/>
        <div class="row">
          <div class="col-sm-4 text-muted small fw-semibold">Jurisdiction</div>
          <div class="col-sm-8 small">{{ case.jurisdiction or '-' }}</div>
        </div>
        <hr class="my-2"/>
        <div class="row">
          <div class="col-sm-4 text-muted small fw-semibold">Opened</div>
          <div class="col-sm-8 small">{{ case.date_opened.strftime('%d %B %Y') }}</div>
        </div>
        <hr class="my-2"/>
        <div class="row">
          <div class="col-sm-4 text-muted small fw-semibold">Description</div>
          <div class="col-sm-8 small">{{ case.description or '-' }}</div>
        </div>
      </div>
    </div>
  </div>

  <!-- Case Members panel (case-level access control) -->
  <div class="col-md-4">
    <div class="card h-100">
      <div class="card-header py-2">
        <i class="bi bi-people me-1"></i>Case Members
      </div>
      <div class="card-body p-0">
        <ul class="list-group list-group-flush">
          {% for m in members %}
          <li class="list-group-item d-flex justify-content-between align-items-center py-2">
            <div>
              <div class="fw-semibold small">{{ m.investigator.full_name }}</div>
              <div class="text-muted" style="font-size:.72rem;">{{ m.investigator.role }}</div>
            </div>
            <div class="d-flex align-items-center gap-2">
              {% set pc = {'Owner':'success','Member':'primary','ReadOnly':'secondary'} %}
              <span class="badge bg-{{ pc.get(m.permission,'secondary') }}">{{ m.permission }}</span>
              {% if can_manage_members and m.permission != 'Owner' %}
              <form method="POST" action="{{ url_for('cases.remove_member', case_id=case.id) }}"
                    onsubmit="return confirm('Remove this member from the case?');">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                <input type="hidden" name="investigator_id" value="{{ m.investigator_id }}"/>
                <button type="submit" class="btn btn-sm btn-outline-danger py-0 px-1"
                        title="Remove"><i class="bi bi-x-lg"></i></button>
              </form>
              {% endif %}
            </div>
          </li>
          {% else %}
          <li class="list-group-item text-muted small py-3 text-center">No members yet.</li>
          {% endfor %}
        </ul>
      </div>
      {% if can_manage_members %}
      <div class="card-footer bg-white">
        <form method="POST" action="{{ url_for('cases.add_member', case_id=case.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
          <label class="form-label small mb-1">Add member</label>
          <select name="investigator_id" class="form-select form-select-sm mb-2" required>
            <option value="">Select investigator…</option>
            {% for inv in addable_investigators %}
            <option value="{{ inv.id }}">{{ inv.full_name }} ({{ inv.role }})</option>
            {% endfor %}
          </select>
          <div class="d-flex gap-2">
            <select name="permission" class="form-select form-select-sm" style="width:auto;">
              <option value="Member">Member</option>
              <option value="ReadOnly">Read-Only</option>
            </select>
            <button type="submit" class="btn btn-sm btn-primary flex-grow-1">
              <i class="bi bi-person-plus me-1"></i>Add
            </button>
          </div>
        </form>
      </div>
      {% endif %}
    </div>
  </div>
</div>

<!-- Evidence Items -->
<div class="card">
  <div class="card-header py-3 d-flex justify-content-between align-items-center">
    <span><i class="bi bi-archive me-2"></i>Evidence Items ({{ evidence_items|length }})</span>
  </div>
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover mb-0">
        <thead class="table-light">
          <tr>
            <th>No.</th><th>Title</th><th>Category</th>
            <th>State</th><th>Risk</th><th>Uploaded</th><th></th>
          </tr>
        </thead>
        <tbody>
          {% for item in evidence_items %}
          <tr>
            <td><code>{{ item.evidence_number }}</code></td>
            <td class="fw-semibold">{{ item.title }}</td>
            <td><span class="badge bg-light text-dark border">{{ item.category }}</span></td>
            <td>
              {% set sc = {'Collected':'info','Submitted':'primary','Under Analysis':'warning',
                           'Transferred':'secondary','Archived':'dark','Flagged':'danger'} %}
              <span class="badge bg-{{ sc.get(item.lifecycle_state,'secondary') }}">
                {{ item.lifecycle_state }}
              </span>
            </td>
            <td>
              <span class="risk-badge level-{{ item.risk_level | lower }}">
                {{ item.risk_level }}
              </span>
            </td>
            <td class="text-muted small">{{ item.created_at.strftime('%d %b %Y') }}</td>
            <td>
              <a href="{{ url_for('evidence.view_evidence', case_id=case.id, evidence_id=item.id) }}"
                 class="btn btn-sm btn-outline-primary">View</a>
            </td>
          </tr>
          {% else %}
          <tr>
            <td colspan="7" class="text-center text-muted py-4">
              No evidence items yet.
              {% if current_user.can_manage() %}
              <a href="{{ url_for('evidence.upload_evidence', case_id=case.id) }}">Upload the first item.</a>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}