{% extends "base.html" %}
{% load crispy_forms_filters %}
{% load i18n static %}

{% block title %}{{ _("Leads") }}{% endblock title %}

{% block content %}
<div class="card email-content">
    <h5 class="card-header">Send Mail</h5>
    <div class="card-body">
      <form class="d-flex flex-column h-100" action="{% url 'send_lead_email' lead.pk %}" method="post">
        {% csrf_token %}
        <div class="row g-3 mb-2">          
          <div class="col-12">
            <input class="form-control" id="to" name="to" type="text" placeholder="To" value="{{lead.email}}" />
          </div>
          <div class="col-12">
            <input class="form-control" id="subject" name="subject" type="text" placeholder="Subject" value="{{subject}}" />
          </div>
        </div>
        <div class="mb-3 flex-1">
          <textarea class="form-control" id="message" name="message" rows="15" placeholder="Message">{{message}}</textarea>
        </div>
        <div class="mb-3 flex-1">
          <input class="form-control" id="email_pk" name="email_pk" type="text" hidden value="{{email_pk}}" />
        </div>
        <div class="d-flex justify-content-between align-items-center">        
          <div class="d-flex gap-2">
            <a href="{% url 'lead_detail' lead.pk %}" class="btn btn-link text-body fs-10 text-decoration-none">Discard</a>
            <a hx-boost="true" hx-push-url='false' hx-include="#message,#subject,#to" href="{% url 'send_lead_email' lead.pk %}?status=draft" class="btn btn-secondary text-white fs-10 text-decoration-none">Save as Draft</a>
            <button class="btn btn-primary fs-10" type="submit">Send<span class="fa-solid fa-paper-plane ms-1"></span></button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
</div>

{% endblock content %}