{% extends "base.html" %}
{% block title %}Overview — chat4n6{% endblock %}
{% block content %}
<h2>Case Overview</h2>
<table>
<tr><th>Field</th><th>Value</th></tr>
<tr><td>Case Name</td><td>{{ case_name }}</td></tr>
<tr><td>Generated</td><td>{{ generated_at_utc }} UTC</td></tr>
<tr><td>Timezone</td><td>{{ timezone_label }}</td></tr>
<tr><td>Total Chats</td><td>{{ total_chats }}</td></tr>
<tr><td>Total Messages</td><td>{{ total_messages }}</td></tr>
<tr><td>Total Calls</td><td>{{ total_calls }}</td></tr>
</table>

{% if forensic_warnings %}
<h2>&#9888; Forensic Warnings</h2>
<div style="background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:.8rem 1rem;margin-bottom:1rem">
<ul style="margin:0;padding-left:1.2rem">
{% for warning in forensic_warnings %}
<li><strong>{{ warning }}</strong></li>
{% endfor %}
</ul>
</div>
{% endif %}

<h2>Chats</h2>
<div class="search-bar">
  <input type="text" id="chat-search" placeholder="Search chats..." onkeyup="filterChats()">
</div>
<table id="chat-table">
<tr><th>Chat ID</th><th>JID / Name</th><th>Type</th><th>Messages</th><th>Link</th></tr>
{% for chat in chats %}
<tr>
  <td>{{ chat.id }}</td>
  <td>{{ chat.name | default(value=chat.jid) }}</td>
  <td>{% if chat.is_group %}Group{% else %}1:1{% endif %}</td>
  <td>{{ chat.message_count }}</td>
  <td>{% if chat.message_count > 0 %}<a href="{{ chat.link | safe }}">View</a>{% else %}—{% endif %}</td>
</tr>
{% endfor %}
</table>
<script>
function filterChats(){var f=document.getElementById('chat-search').value.toLowerCase();var rows=document.getElementById('chat-table').getElementsByTagName('tr');for(var i=1;i<rows.length;i++){rows[i].style.display=rows[i].textContent.toLowerCase().indexOf(f)>-1?'':'none';}}
</script>
{% endblock %}