{% extends "base.html" %}
{% from "_hub.html" import hub %}

{% block title %}Followup preview — {{ job.company }} — karyab{% endblock %}

{% block content %}
{% call hub(hub_sections) %}
<h1>Review followup email</h1>

{% if flash %}
<div class="flash{% if flash_error %} flash-error{% endif %}">{{ flash }}</div>
{% endif %}

<div class="followup-preview-meta">
  <p><strong>Job:</strong>
    <a href="/job/{{ job.id }}">{{ job.title }} — {{ job.company }}</a>
  </p>
  <p class="followup-recipient">
    <strong>Recipient (to):</strong>
    <span class="followup-to-addr">{{ to_email }}</span>
  </p>
  <p><strong>From account:</strong> {{ account_name or "(first configured account)" }}</p>
</div>

<form method="post" action="/followups/{{ job.id }}/send">
  <input type="hidden" name="account_name" value="{{ account_name or '' }}">

  <div class="form-group">
    <label for="to_email"><strong>To</strong></label>
    <input type="email" id="to_email" name="to_email" value="{{ to_email }}" required>
  </div>

  <div class="form-group">
    <label for="subject"><strong>Subject</strong></label>
    <input type="text" id="subject" name="subject" value="{{ subject }}" required>
  </div>

  <div class="form-group">
    <label for="body"><strong>Body</strong></label>
    <textarea id="body" name="body" rows="12">{{ body }}</textarea>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn-primary">Send followup</button>
    <a href="/followups" class="btn-secondary">Cancel</a>
  </div>
</form>
{% endcall %}
{% endblock %}