@extends('layouts.app')
@section('title','Notification Composer')
@section('content')
<div class="min-h-screen bg-slate-100"><div class="mx-auto max-w-3xl p-4 sm:p-6"><header class="mb-5"><a href="/admin/dashboard" class="text-sm font-semibold text-slate-500">← Admin</a><h1 class="mt-2 text-2xl font-black">Notification Composer</h1></header><form id="notice-form" class="vtu-card space-y-4"><div><label class="vtu-label">Audience</label><select id="audience" class="vtu-input"><option value="all">All users</option><option value="customer">Customers</option><option value="agent">Agents</option><option value="reseller">Resellers</option></select></div><div><label class="vtu-label">Title</label><input id="title" class="vtu-input" required></div><div><label class="vtu-label">Message</label><textarea id="message" class="vtu-input min-h-36" required></textarea></div><div><label class="vtu-label">Action URL</label><input id="url" class="vtu-input" placeholder="Optional"></div><div id="result" class="text-sm"></div><button class="vtu-btn-primary w-full">Send in-app notification</button></form></div></div>
<script>document.getElementById('notice-form').addEventListener('submit',async e=>{e.preventDefault();const r=await axios.post('/api/admin/notifications/send',{audience:document.getElementById('audience').value,title:document.getElementById('title').value,message:document.getElementById('message').value,action_url:document.getElementById('url').value||null});document.getElementById('result').textContent=`Sent to ${r.data.recipients} recipients.`;});</script>
@endsection