@extends('layouts.admin', ['heading' => 'Internal Messaging', 'subheading' => 'Broadcast and direct communication'])

@section('content')
    <div class="grid grid-cols-1 gap-4 xl:grid-cols-3">
        <div class="admin-card p-4">
            <div class="mb-2 text-sm font-semibold">Send Message</div>
            <form method="POST" action="{{ route('admin.messages.store') }}" class="space-y-2">
                @csrf
                <select name="mode" class="w-full rounded border p-2 text-sm">
                    <option value="direct">Direct Message</option>
                    <option value="broadcast">Broadcast</option>
                </select>
                <select name="receiver_id" class="w-full rounded border p-2 text-sm">
                    <option value="">Select Receiver (Direct mode)</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}">{{ strtoupper($user->role) }} - {{ $user->member_code }} - {{ $user->name }}</option>
                    @endforeach
                </select>
                <input name="subject" placeholder="Subject" class="w-full rounded border p-2 text-sm">
                <textarea name="message" rows="5" placeholder="Message" class="w-full rounded border p-2 text-sm" required></textarea>
                <button class="rounded bg-slate-900 px-4 py-2 text-sm text-white">Send</button>
            </form>
        </div>

        <div class="admin-card p-4 xl:col-span-2">
            <div class="mb-2 text-sm font-semibold">Message Log</div>
            <div class="overflow-x-auto">
                <table class="min-w-full text-sm">
                    <thead class="bg-slate-100 text-left">
                        <tr>
                            <th class="p-2">Channel</th>
                            <th class="p-2">Sender</th>
                            <th class="p-2">Receiver</th>
                            <th class="p-2">Subject</th>
                            <th class="p-2">Message</th>
                            <th class="p-2">Time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($messages as $msg)
                            <tr class="border-t">
                                <td class="p-2">{{ strtoupper($msg->channel) }}</td>
                                <td class="p-2">{{ $msg->sender_id ?: 'System' }}</td>
                                <td class="p-2">{{ $msg->receiver_id ?: 'Broadcast' }}</td>
                                <td class="p-2">{{ $msg->subject ?: '-' }}</td>
                                <td class="p-2">{{ \Illuminate\Support\Str::limit($msg->message, 80) }}</td>
                                <td class="p-2">{{ optional($msg->created_at)->format('d M Y H:i') }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="p-3 text-center text-slate-500">No messages.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-3">{{ $messages->links() }}</div>
        </div>
    </div>
@endsection