{% load humanize %}
<div class="ats-chat-panel" id="candidate-messages">
  <div class="ats-chat-header">
    <h3><i class="fas fa-comments"></i> Messages</h3>
    {% if chat.unread_count %}
    <span class="ats-chat-unread">{{ chat.unread_count }} unread</span>
    {% endif %}
    {% if chat.conversation %}
    <a href="{% url 'messaging:inbox_conversation' pk=chat.conversation.pk %}" class="ats-chat-open-full" title="Open full inbox">
      <i class="fas fa-external-link-alt"></i>
    </a>
    {% endif %}
  </div>

  {% if chat.conversation and chat.conversation.is_closed %}
  <div class="ats-chat-closed">
    <span><i class="fas fa-lock"></i> Conversation closed</span>
    {% if chat.can_reopen %}
    <form method="post" action="{% url 'messaging:reopen_application' application_id=application.pk %}" style="display:inline;margin-left:auto;">
      {% csrf_token %}
      <input type="hidden" name="next" value="{{ request.get_full_path }}">
      <button type="submit" class="btn btn-outline btn-sm">Reopen</button>
    </form>
    {% endif %}
  </div>
  {% endif %}

  <div class="ats-chat-body">
    {% for msg in chat.messages_list %}
    <div class="ats-chat-row {% if msg.sender_id == request.user.id %}mine{% endif %}">
      <div class="ats-chat-bubble">{{ msg.body }}</div>
      <div class="ats-chat-time">{{ msg.sender.get_full_name|default:msg.sender.email }} · {{ msg.created_at|naturaltime }}</div>
    </div>
    {% empty %}
    <p class="ats-chat-empty">No messages yet. Start the conversation with this candidate.</p>
    {% endfor %}
  </div>

  {% if chat.can_send %}
  <form method="post" action="{% url 'messaging:send_application' application_id=application.pk %}" class="ats-chat-compose">
    {% csrf_token %}
    <input type="hidden" name="next" value="{{ request.get_full_path }}">
    <textarea name="body" rows="2" placeholder="Write a message to {{ application.applicant.get_full_name|default:application.applicant.email }}…" required></textarea>
    <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-paper-plane"></i> Send</button>
  </form>
  {% elif chat.conversation and chat.conversation.is_closed %}
  <div class="ats-chat-compose is-disabled">
    <i class="fas fa-lock"></i> Messaging is disabled for closed conversations.
  </div>
  {% endif %}

  {% if chat.can_close %}
  <form method="post" action="{% url 'messaging:close_application' application_id=application.pk %}" class="ats-chat-footer" onsubmit="return confirm('Close this chat with the candidate?');">
    {% csrf_token %}
    <input type="hidden" name="next" value="{{ request.get_full_path }}">
    <button type="submit" class="btn btn-outline btn-sm"><i class="fas fa-check-circle"></i> Close chat</button>
  </form>
  {% endif %}
</div>