<div class="admin-table-wrap">
  <table class="admin-table">
    <thead>
      <tr>
        <th>Nom</th><th>Email</th><th>Société</th><th>Sujet</th><th>Langue</th><th>Date</th>
      </tr>
    </thead>
    <tbody>
      <?php if (empty($contacts)): ?>
      <tr><td colspan="6" style="text-align:center;padding:3rem;color:#5e5e5e;">Aucun message pour le moment.</td></tr>
      <?php else: ?>
      <?php foreach ($contacts as $c): ?>
      <tr class="contact-row" data-message="<?= htmlspecialchars($c['message']) ?>">
        <td style="color:#f0ece4;font-weight:500"><?= htmlspecialchars($c['full_name']) ?></td>
        <td><a href="mailto:<?= htmlspecialchars($c['email']) ?>"><?= htmlspecialchars($c['email']) ?></a></td>
        <td><?= htmlspecialchars($c['company'] ?: '—') ?></td>
        <td><?= htmlspecialchars(mb_substr($c['subject'], 0, 50)) ?></td>
        <td><span class="badge-lang"><?= strtoupper(htmlspecialchars($c['lang'])) ?></span></td>
        <td><?= date('d/m/Y H:i', strtotime($c['created_at'])) ?></td>
      </tr>
      <!-- Message expandable -->
      <tr class="contact-message-row">
        <td colspan="6">
          <div class="contact-message">
            <strong>Message :</strong>
            <?= nl2br(htmlspecialchars($c['message'])) ?>
            <?php if ($c['phone']): ?>
            <br><strong>Tél :</strong> <?= htmlspecialchars($c['phone']) ?>
            <?php endif; ?>
          </div>
        </td>
      </tr>
      <?php endforeach; ?>
      <?php endif; ?>
    </tbody>
  </table>
</div>

<style>
.badge-lang {
  font-family:'Barlow Condensed',sans-serif;font-size:.7rem;font-weight:700;
  letter-spacing:.15em;padding:.2rem .55rem;background:rgba(201,168,76,.12);
  color:#C9A84C;border:1px solid rgba(201,168,76,.25);
}
.contact-row { cursor: pointer; }
.contact-message-row { display: none; }
.contact-message-row.open { display: table-row; }
.contact-message {
  padding: 1rem 1.25rem; background: #1c1c1c;
  font-size: .88rem; color: #8e8e8e; line-height: 1.7; border-left: 3px solid #C9A84C;
}
</style>

<script>
document.querySelectorAll('.contact-row').forEach(row => {
  row.addEventListener('click', () => {
    const next = row.nextElementSibling;
    next?.classList.toggle('open');
  });
});
</script>