@extends('admin.layouts.master')

@section('title', 'Create Notification')

@section('content')
    <div class="main-content">
        <section class="section">
            <div class="section-body">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>Create New Notification</h4>
                                <div class="card-header-action">
                                    <a href="{{ route('admin.notifications.index') }}" class="btn btn-secondary">
                                        <i class="fas fa-arrow-left"></i> Back
                                    </a>
                                </div>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('admin.notifications.store') }}" method="POST"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="form-group">
                                        <label>Title <span class="text-danger">*</span></label>
                                        <input type="text" name="title" class="form-control" required>
                                    </div>
                                    <div class="form-group">
                                        <label>Message <span class="text-danger">*</span></label>
                                        <textarea name="message" class="form-control" rows="4" required></textarea>
                                    </div>
                                    {{-- <div class="form-group">
                  <label>Send To</label>
                  <select name="users[]" class="form-control select2" multiple>
                    <option value="">-- All Users --</option>
                    @foreach ($users as $user)
                      <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->email }})</option>
                    @endforeach
                  </select>
                  <small>Leave empty to send to all users.</small>
                </div> --}}
                                    <div class="form-group">
                                        <label>Send To</label>
                                        <select name="users[]" id="users" class="form-control select2" multiple>
                                            <option value="all"
                                                {{ in_array('all', old('users', $selectedUserIds ?? [])) ? 'selected' : '' }}>
                                                All Users
                                            </option>
                                            @foreach ($users as $user)
                                                <option value="{{ $user->id }}"
                                                    {{ in_array($user->id, old('users', $selectedUserIds ?? [])) ? 'selected' : '' }}>
                                                    {{ $user->name }} ({{ $user->email }})
                                                </option>
                                            @endforeach
                                        </select>
                                        <small class="form-text text-muted">Select specific users or choose "All
                                            Users".</small>
                                    </div>


                                    <div class="form-group">
                                        <label>Attachments</label>
                                        <input type="file" name="attachments[]" class="form-control" multiple>
                                        <small>Optional, max 2MB each.</small>
                                    </div>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save"></i> Create Notification
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection