{% extends "base.html" %}

{% load i18n %}

{% block title %}{{ _("Send Mail") }}{% endblock title %}

{% block content %}
<div class="col">
    <div class="card email-content">
      <div class="card-body">
        <form class="d-flex flex-column h-100" method="post">
            {% csrf_token %}
          <div class="row g-3 mb-2">
            <div class="col-4">
              {{form.from_email}}
            </div>            
            <div class="col-4">
              {{form.to_email}}
            </div>            
            <div class="col-12">
              {{form.subject}}
            </div>
          </div>
          <div class="mb-3 flex-1">
            {{form.message}}
          </div>
          <div class="d-flex justify-content-between align-items-center">
            <div class="d-flex">
              <label class="btn btn-link py-0 px-2 text-body fs-9" for="emailAttachment"> <span class="fa-solid fa-paperclip"></span></label>
              <input class="d-none" id="emailAttachment" type="file" />
              <label class="btn btn-link py-0 px-2 text-body fs-9" for="emailPhotos"><span class="fa-solid fa-image"></span></label>
              <input class="d-none" id="emailPhotos" type="file" accept="image/*" />
            </div>
            <div class="d-flex">
                <a href="{% url 'estimate_detail' estimate.pk %}" class="btn btn-link text-body fs-10 text-decoration-none">Discard</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>
{% endblock content %}