@extends('layouts.dashboard')
@section('title', 'Send Notification')
@section('page-title', 'New Notification')
@section('content')
<div class="snyt-page"><div class="snyt-hero"><div><h1>Send a field notification</h1><p>The message appears immediately in the mobile notification center.</p></div></div>
<form method="POST" action="{{ route('admin.notifications.store') }}" class="snyt-panel max-w-3xl">@csrf
<div class="grid md:grid-cols-2 gap-5"><label class="form-control md:col-span-2"><span class="label-text font-bold mb-2">Title</span><input name="title" value="{{ old('title') }}" required class="input input-bordered"></label>
<label><span class="label-text font-bold block mb-2">Type</span><select name="type" class="select select-bordered w-full"><option value="info">Information</option><option value="success">Success</option><option value="warning">Warning</option><option value="urgent">Urgent</option></select></label>
<label><span class="label-text font-bold block mb-2">Audience</span><select name="audience" class="select select-bordered w-full"><option value="all">All users</option><option value="salesman">Sales team</option><option value="supervisor">Supervisors</option><option value="users">Selected users</option></select></label>
<label class="md:col-span-2"><span class="label-text font-bold block mb-2">Selected users (optional)</span><select name="user_ids[]" multiple class="select select-bordered w-full min-h-32">@foreach($users as $user)<option value="{{ $user->id }}">{{ $user->name }} — {{ $user->role }}</option>@endforeach</select></label>
<label class="md:col-span-2"><span class="label-text font-bold block mb-2">Message</span><textarea name="message" required rows="6" class="textarea textarea-bordered w-full">{{ old('message') }}</textarea></label></div>
<div class="flex gap-3 mt-6"><button class="btn btn-primary">Send notification</button><a href="{{ route('admin.notifications.index') }}" class="btn btn-ghost">Cancel</a></div></form></div>
@endsection