{% extends "cabinet/base_cabinet.html" %}
{% load i18n cabinet_tags %}

{% block title %}{% trans "Новое сообщение" %}{% endblock %}

{% block cabinet_content %}

{% url 'cabinet:conversations_inbox' as inbox_url %}
{% include "cabinet/includes/_page_header.html" with title="Новое сообщение" btn_label="Назад" btn_url=inbox_url btn_icon="bi-arrow-left" %}

<div class="px-3 py-4" style="max-width:1400px; min-width:600px; background-color:#f8fafc; min-height:calc(100vh - 100px); border-radius:16px;">
    <div class="card border shadow-sm" style="border-radius:var(--cab-radius); border-color:#e2e8f0 !important;">
    <div class="card-body p-4">
        <form method="post">
            {% csrf_token %}
            <div class="mb-3">
                <label class="form-label fw-semibold" style="font-size:.85rem;color:var(--cab-text);">{% trans "Кому" %}</label>
                <input name="to_email" type="email" class="form-control" required style="border-radius:var(--cab-radius);font-size:.9rem;">
            </div>
            <div class="mb-3">
                <label class="form-label fw-semibold" style="font-size:.85rem;color:var(--cab-text);">{% trans "Тема" %}</label>
                <input name="subject" type="text" class="form-control" style="border-radius:var(--cab-radius);font-size:.9rem;">
            </div>
            <div class="mb-4">
                <label class="form-label fw-semibold" style="font-size:.85rem;color:var(--cab-text);">{% trans "Сообщение" %}</label>
                <textarea name="body" rows="9" class="form-control" required style="border-radius:var(--cab-radius);font-size:.9rem;resize:vertical;"></textarea>
            </div>
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary px-4">
                    <span class="bi bi-send-fill me-1"></span>{% trans "Отправить" %}
                </button>
                <button type="button" class="btn btn-outline-primary shadow-sm px-4"
                        onclick="alert('Preview functionality is under development.')">
                    <span class="bi bi-eye me-1"></span>{% trans "Предпросмотр" %}
                </button>
                <a href="{% url 'cabinet:conversations_inbox' %}" class="btn btn-light border px-4">{% trans "Отмена" %}</a>
            </div>
        </form>
    </div>
</div>

{% endblock %}