@extends('admin.layout')

@section('content')
<div class="page-title">Send Notification</div>

<div class="card" style="max-width:600px">
    <form method="POST" action="{{ route('admin.notifications.send') }}">
        @csrf
        <div class="form-group">
            <label>Title</label>
            <input type="text" name="title" required placeholder="Notification title">
        </div>
        <div class="form-group">
            <label>Message</label>
            <textarea name="message" required rows="4" placeholder="Your message..."></textarea>
        </div>
        <div class="form-group">
            <label>Send To</label>
            <select name="target" id="target" onchange="document.getElementById('specific_user').style.display=this.value==='specific'?'block':'none'">
                <option value="all">All Users</option>
                <option value="specific">Specific User</option>
            </select>
        </div>
        <div class="form-group" id="specific_user" style="display:none">
            <label>Select User</label>
            <select name="user_id">
                <option value="">Select user...</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->email }})</option>
                @endforeach
            </select>
        </div>
        <button class="btn btn-black" style="width:100%;padding:12px">Send Notification</button>
    </form>
</div>
@endsection