@extends('layouts.dashboard')

@section('dashboard_content')
<!-- Header Halaman -->
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="fw-bold text-dark m-0">Detail Pesan Kontak</h3>
        <p class="text-muted mb-0">Melihat isi pesan atau masukan dari warga desa</p>
    </div>
</div>

<!-- Card Detail Pesan -->
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <dl class="row mb-3">
            <dt class="col-sm-2 text-muted">Nama Pengirim</dt>
            <dd class="col-sm-10 fw-bold text-dark">{{ $item->nama }}</dd>

            <dt class="col-sm-2 text-muted">Email</dt>
            <dd class="col-sm-10">{{ $item->email }}</dd>

            <dt class="col-sm-2 text-muted">Subjek</dt>
            <dd class="col-sm-10 fw-bold text-success">{{ $item->subjek }}</dd>

            <dt class="col-sm-2 text-muted">Tanggal Masuk</dt>
            <dd class="col-sm-10">{{ $item->created_at->format('d M Y H:i') }}</dd>

            <dt class="col-sm-2 text-muted mt-3">Pesan</dt>
            <dd class="col-sm-10 mt-3 p-3 bg-light rounded border">{!! nl2br(e($item->pesan)) !!}</dd>
        </dl>

        <!-- Tombol Aksi -->
        <div class="mt-4 pt-3 border-top">
            <a href="{{ route('sekretaris.kontak.index') }}" class="btn btn-outline-secondary">
                <i class="fa-solid fa-arrow-left me-1"></i> Kembali
            </a>
            
            <form action="{{ route('sekretaris.kontak.destroy', $item->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Apakah Anda yakin ingin menghapus pesan ini?')">
                @csrf 
                @method('DELETE')
                <button type="submit" class="btn btn-danger">
                    <i class="fa-solid fa-trash me-1"></i> Hapus Pesan
                </button>
            </form>
        </div>
    </div>
</div>
@endsection