<% layout('layouts/main') %>
<div class="app-shell">
  <%- partial('partials/client-nav') %>
  <section class="content">
    <div class="page-head"><h1><%= thread.subject %></h1></div>
    <div class="message-list">
      <% messages.forEach(m=>{ %>
        <article class="message-bubble <%= m.role === 'admin' ? 'from-admin' : 'from-client' %>">
          <strong><%= m.role === 'admin' ? (currentCompany ? currentCompany.name : 'SaaS DEMO') : m.first_name %></strong>
          <p><%= m.body %></p>
        </article>
      <% }) %>
    </div>
    <form method="post" class="panel form-grid">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <label>Réponse<textarea name="body" required></textarea></label>
      <button>Envoyer</button>
    </form>
  </section>
</div>
