{% extends "base.html" %}
{% block content %}
<section class="hero-row">
  <div><p class="eyebrow">REVENUE RECOVERY OUTREACH</p><h1>Keep every opportunity moving.</h1><p>Approval-based sending from {{ sender_email }}.</p></div>
  <a class="button primary" href="{{ url_for('new_draft') }}">Add next prospect</a>
</section>
<section class="stats"><div><strong>{{ sent_count }}</strong><span>Contacted</span></div><div><strong>{{ drafts|length }}</strong><span>Ready to review</span></div><div><strong>{{ due|length }}</strong><span>Follow-ups due</span></div></section>

<section class="panel"><div class="panel-head"><div><p class="eyebrow">APPROVAL QUEUE</p><h2>Drafts</h2></div></div>
  {% if drafts %}<div class="cards">{% for draft in drafts %}<a class="prospect-card" href="{{ url_for('review_draft', draft_id=draft.id) }}"><span>{{ draft.company }}</span><strong>{{ draft.contact_name }}</strong><small>{{ draft.email }}</small><em>Review email</em></a>{% endfor %}</div>{% else %}<p class="empty">No drafts waiting. Add the next verified prospect when ready.</p>{% endif %}
</section>

<section class="panel"><p class="eyebrow">FOLLOW-UP QUEUE</p><h2>Due now</h2>
  {% if due %}<div class="table-wrap"><table><thead><tr><th>Prospect</th><th>Due</th><th>Status</th></tr></thead><tbody>{% for row in due %}<tr><td><strong>{{ row.company }}</strong><small>{{ row.contact_name }} · {{ row.email }}</small></td><td>{{ row.follow_up_date }}</td><td><form method="post" action="{{ url_for('update_status', outreach_id=row.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><select name="status" onchange="this.form.submit()"><option>Sent</option><option>Follow-up sent</option><option>Replied</option><option>Client</option><option>Do not contact</option></select></form></td></tr>{% endfor %}</tbody></table></div>{% else %}<p class="empty">No follow-ups are currently due.</p>{% endif %}
</section>

<section class="panel"><p class="eyebrow">LEDGER</p><h2>Recent activity</h2><div class="table-wrap"><table><thead><tr><th>Company</th><th>Contact</th><th>Status</th><th>Date</th></tr></thead><tbody>{% for row in recent %}<tr><td>{{ row.company }}</td><td>{{ row.email or row.phone }}</td><td><span class="status">{{ row.status }}</span></td><td>{{ row.date_contacted or 'Historical' }}</td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}