{% extends "layouts/base.html" %}

{% block title %}Brouillons d'emails{% endblock %}

{% block content %}
<div class="container">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h2 class="mb-0">Brouillons d'emails à envoyer</h2>
    <div class="d-flex gap-2">
      <form method="post" action="{{ url_for('tasks.email_drafts_generate') }}">
        <button type="submit" class="btn btn-primary">Générer pour aujourd'hui</button>
      </form>
      {% include "partials/task_quick_add_button.html" %}
    </div>
  </div>

  {% if drafts %}
    {% for d in drafts %}
      <div class="card mb-3">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-start">
            <h5 class="card-title mb-0">{{ d.subject }}</h5>
            <form method="post" action="{{ url_for('tasks.email_drafts_send') }}">
              <input type="hidden" name="draft_id" value="{{ d.id }}">
              <button type="submit" class="btn btn-success">Envoyer</button>
            </form>
          </div>

          <p class="text-muted mt-2 mb-2">À: {{ d.to_email }}</p>
          <div class="border rounded p-3 mb-2 bg-light">
            {{ d.content | safe }}
          </div>
          <small class="text-muted">Prospect: {{ d.prospect_id }} | Template: {{ d.template_id or '-' }}</small>
        </div>
      </div>
    {% endfor %}
  {% else %}
    <p>Aucun brouillon à envoyer.</p>
  {% endif %}

  <div class="mt-3">
    <a href="{{ url_for('tasks.tasks_index') }}">&larr; Retour aux tâches</a>
  </div>
</div>
{% endblock %}