@extends('layouts.app')
@section('title', 'Push Notifications')
@section('content')
<div class="card" style="max-width:600px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Push Notifications</h2>
    <p style="font-size:11.5px;color:#999;margin-bottom:14px;">Requires a mobile app push provider (FCM/OneSignal) — device tokens are collected from the mobile app via the API and stored against each user.</p>
    <form method="POST" action="{{ url('/api/messages/send') }}">
        @csrf
        <input type="hidden" name="channel" value="push">
        <label style="display:block;font-size:12px;margin-bottom:4px;">Audience</label>
        <select style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option>All Parents</option>
            <option>All Staff</option>
            <option>All Students</option>
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Message</label>
        <textarea name="content" rows="4" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;"></textarea>
        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;">Send Push Notification</button>
    </form>
</div>
@endsection