{% extends "client/base.html" %}
{% load money %}
{% block title %}{{ ticket.reference }} — client portal{% endblock %}
{% block heading %}{{ ticket.reference }}{% endblock %}

{% block content %}
<div class="pane" style="max-width:760px">
  <a class="back" href="{% url 'client_support' %}">&larr; All tickets</a>
  <div class="panel">
    <div class="panel-h"><h2>{{ ticket.subject }}</h2>
      <span class="status {{ ticket.get_status_display|status_class }} act">{{ ticket.get_status_display }}</span></div>
    <div class="panel-b">
      <dl class="dl" style="margin-bottom:18px">
        <dt>Priority</dt><dd>{{ ticket.get_priority_display }}</dd>
        <dt>Opened</dt><dd>{{ ticket.created_at|date:"j M Y · H:i" }}</dd>
        <dt>Project</dt><dd>{{ ticket.project.name|default:"—" }}</dd>
      </dl>
      <div class="thread" style="max-height:none;padding:0">
        <div class="msg"><div class="mh">You · {{ ticket.created_at|date:"j M Y · H:i" }}</div>
          <p>{{ ticket.message|linebreaksbr }}</p>
          {% if ticket.attachment %}<a class="att" href="{{ ticket.attachment.url }}">{{ ticket.attachment.name }}</a>{% endif %}</div>
        {% for r in ticket.replies.all %}
        <div class="msg {% if r.author == user %}me{% endif %}">
          <div class="mh">{% if r.author == user %}You{% else %}Teniola{% endif %} · {{ r.created_at|date:"j M Y · H:i" }}</div>
          <p>{{ r.body|linebreaksbr }}</p></div>
        {% endfor %}
      </div>
      <form method="post" style="margin-top:20px">{% csrf_token %}
        <div class="field"><label for="body">Reply</label>
          <textarea id="body" name="body" style="min-height:110px" placeholder="Add anything that helps me fix it faster."></textarea></div>
        <button class="btn btn-primary">Send reply</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}