@extends('layouts.admin')
@section('title', 'Pesan Masuk – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Hubungi Kami</p>
    <h1 class="sd-admin-title">Pesan Masuk</h1>
  </div>
  <a href="{{ route('admin.hubungi-kami.edit') }}" class="sd-admin-btn outline"><i class="bi bi-arrow-left"></i> Info Kontak</a>
</div>

<div class="sd-admin-table-wrap">
  <table class="sd-admin-table">
    <thead>
      <tr><th>Tanggal</th><th>Nama</th><th>Perihal</th><th>Hubungan</th><th>Status</th><th>Aksi</th></tr>
    </thead>
    <tbody>
      @forelse($pesanList as $p)
      <tr>
        <td style="white-space:nowrap;font-size:.78rem">{{ $p->created_at->format('d M Y, H:i') }}</td>
        <td style="font-weight:600">{{ $p->nama }}</td>
        <td>{{ $p->perihal }}</td>
        <td>{{ $p->hubungan }}</td>
        <td>
          <span class="sd-badge {{ $p->status === 'Baru' ? 'merah' : ($p->status === 'Dibaca' ? 'kuning' : 'hijau') }}">{{ $p->status }}</span>
        </td>
        <td class="sd-admin-actions-cell">
          <a href="{{ route('admin.hubungi-kami.pesan.show', $p->id) }}" class="sd-admin-btn kecil outline"><i class="bi bi-eye"></i></a>
          <form action="{{ route('admin.hubungi-kami.pesan.destroy', $p->id) }}" method="POST" onsubmit="return confirm('Hapus pesan ini?')">
            @csrf @method('DELETE')
            <button type="submit" class="sd-admin-btn kecil merah"><i class="bi bi-trash"></i></button>
          </form>
        </td>
      </tr>
      @empty
      <tr><td colspan="6" style="text-align:center;padding:24px;color:var(--teks-abu)">Belum ada pesan masuk.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>
@endsection