{% 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' request.dealer.slug estimate.pk %}"
                               class="btn btn-link text-body fs-10 text-decoration-none">Discard</a>
                            <button class="btn btn-phoenix-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 %}