@extends('admin.layouts.app')
@section('title', 'Messages')
@section('heading', 'Contact Messages')

@section('content')
<table class="data-table">
    <thead><tr><th>#</th><th>From</th><th>Email</th><th>Preview</th><th>Status</th><th>Date</th><th></th></tr></thead>
    <tbody>
        @forelse($messages as $m)
            <tr style="{{ $m->read ? '' : 'font-weight:600;' }}">
                <td>#{{ $m->id }}</td>
                <td>{{ $m->name }}</td>
                <td>{{ $m->email }}</td>
                <td>{{ \Illuminate\Support\Str::limit($m->message, 60) }}</td>
                <td>
                    @if($m->read)
                        <span class="badge" style="background:#e5e7eb;color:#374151;">Read</span>
                    @else
                        <span class="badge badge-pending">New</span>
                    @endif
                </td>
                <td>{{ $m->created_at->diffForHumans() }}</td>
                <td class="actions-row">
                    <a href="{{ route('admin.messages.show', $m) }}" class="adm-btn adm-btn-primary"><i class="fa-solid fa-envelope-open"></i></a>
                    <form method="POST" action="{{ route('admin.messages.destroy', $m) }}" onsubmit="return confirm('Delete?');" style="display:inline;">@csrf @method('DELETE')<button class="adm-btn adm-btn-danger"><i class="fa-solid fa-trash"></i></button></form>
                </td>
            </tr>
        @empty
            <tr><td colspan="7" style="text-align:center; padding:2rem; color:#6b7280;">No messages yet.</td></tr>
        @endforelse
    </tbody>
</table>
<div class="pagination-wrap">{{ $messages->links() }}</div>
@endsection