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

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

<div class="sd-admin-card">
  <div class="sd-form-row">
    <div class="sd-form-group">
      <label>Nama</label>
      <p>{{ $pesan->nama }}</p>
    </div>
    <div class="sd-form-group">
      <label>No. HP / WhatsApp</label>
      <p><a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', ltrim($pesan->no_hp, '0')) }}" target="_blank">{{ $pesan->no_hp }}</a></p>
    </div>
  </div>
  <div class="sd-form-row">
    <div class="sd-form-group">
      <label>Email</label>
      <p>{{ $pesan->email ?: '-' }}</p>
    </div>
    <div class="sd-form-group">
      <label>Hubungan dengan Sekolah</label>
      <p>{{ $pesan->hubungan }}</p>
    </div>
  </div>
  <div class="sd-form-group">
    <label>Perihal</label>
    <p>{{ $pesan->perihal }}</p>
  </div>
  <div class="sd-form-group">
    <label>Isi Pesan</label>
    <p style="white-space:pre-line;background:#fafcff;padding:16px;border:1px solid var(--abu)">{{ $pesan->pesan }}</p>
  </div>
  <div class="sd-form-group">
    <label>Dikirim pada</label>
    <p>{{ $pesan->created_at->format('d F Y, H:i') }} WIB</p>
  </div>

  <form action="{{ route('admin.hubungi-kami.pesan.status', $pesan->id) }}" method="POST" style="display:flex;gap:10px;align-items:center;margin-top:10px">
    @csrf @method('PUT')
    <label style="margin:0;font-weight:600;font-size:.85rem">Status:</label>
    <select name="status" class="sd-form-control" style="max-width:220px">
      <option value="Baru" {{ $pesan->status === 'Baru' ? 'selected' : '' }}>Baru</option>
      <option value="Dibaca" {{ $pesan->status === 'Dibaca' ? 'selected' : '' }}>Dibaca</option>
      <option value="Ditindaklanjuti" {{ $pesan->status === 'Ditindaklanjuti' ? 'selected' : '' }}>Ditindaklanjuti</option>
    </select>
    <button type="submit" class="sd-admin-btn kecil"><i class="bi bi-check2"></i> Update Status</button>
  </form>
</div>
@endsection