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

{% block title %}
  {% trans "Chat" %}
{% endblock title %}

{% block content %}
  <h1>{% trans "Chat with Support" %}</h1>
  <p>{% trans "This is the user chat interface. Here you can communicate with our support team for assistance." %}</p>

  <ul>
    {% for message in chat_messages %}
      <li>
        <strong>{{ message.sender.email }}:</strong> {{ message.content }}
      </li>
    {% empty %}
      <li>{% trans "No messages found." %}</li>
    {% endfor %}
  </ul>
  <form action="/chat/send/{{ user.id }}/" method="post">
    {% csrf_token %}
    <textarea name="content" placeholder="{% trans "Type your message here..." %}"></textarea>
    <button type="submit">{% trans "Send" %}</button>
  </form>
{% endblock content %}