{#
 # For the full copyright and license information, please view the
 # docs/licenses/LICENSE.txt file that was distributed with this source code.
 #}

<div class="card customer-messages-card">
  <h3 class="card-header">
    <i class="material-icons">message</i>
    {{ 'Messages'|trans({}, 'Admin.Global') }}
    <span class="badge badge-primary rounded">{{ customerInformation.messagesInformation|length }}</span>
  </h3>
  <div class="card-body">
    {% if customerInformation.messagesInformation is not empty %}
    <table class="table">
      <thead>
        <tr>
          <th>{{ 'Status'|trans({}, 'Admin.Global') }}</th>
          <th>{{ 'Message'|trans({}, 'Admin.Global') }}</th>
          <th>{{ 'Sent on'|trans({}, 'Admin.Orderscustomers.Feature') }}</th>
        </tr>
      </thead>
      <tbody>
      {% for message in customerInformation.messagesInformation %}
        <tr class="customer-message">
          <td class="customer-message-status">{{ message.status }}</td>
          <td class="customer-message-message">
            <a href="{{ getAdminLink('AdminCustomerThreads', true, {id_customer_thread: message.customerThreadId, viewcustomer_thread: 1}) }}">
              {{ message.message }}...
            </a>
          </td>
          <td class="customer-message-sent-on">{{ message.date }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
    {% else %}
      <p class="text-muted text-center mb-0">
        {{ '%firstname% %lastname% has never contacted you'|trans({'%firstname%': customerInformation.personalInformation.firstName, '%lastname%': customerInformation.personalInformation.lastName}, 'Admin.Orderscustomers.Feature') }}
      </p>
    {% endif %}
  </div>
</div>
