@extends('layouts.app')
@section('content')
<div class="max-w-5xl mx-auto py-10">
  <h1 class="text-2xl font-bold mb-4">Facebook Inbox</h1>
  <table class="min-w-full bg-white shadow rounded">
    <thead>
      <tr class="bg-gray-100 text-left">
        <th class="p-2">FB ID</th>
        <th class="p-2">Message</th>
        <th class="p-2">Action</th>
      </tr>
    </thead>
    <tbody>
      @foreach($messages as $msg)
      <tr class="border-t">
        <td class="p-2">{{ $msg->fb_id }}</td>
        <td class="p-2">{{ $msg->message }}</td>
        <td class="p-2">
          <form method="POST" action="/block-user">
            @csrf
            <input type="hidden" name="fb_id" value="{{ $msg->fb_id }}">
            <button class="px-4 py-1 bg-red-500 text-white rounded">Block</button>
          </form>
        </td>
      </tr>
      @endforeach
    </tbody>
  </table>
</div>
@endsection