@extends('layouts.app')

@section('content')

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Send Notification</h3>
        </div>
        <div class="panel-body">

            @if(session()->has('success'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <strong>Success!</strong> {{ session('success') }}.
                </div>
            @endif

                @if(session()->has('error'))
                    <div class="alert alert-danger alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <strong>Oh dear!</strong> {{ session('error') }}.
                    </div>
                @endif

            <form action="{{ route('fcm.send.notification') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="form-group col-md-4 @error('type') has-error @enderror ">
                        <label for="user_ids">Select User(s) <span class="text-danger">*</span></label>
                        <select name="user_ids[]" id="user_ids" class="form-control select2" multiple>
                            <option value="" style="display: none;">Select User(s)</option>
                            <option value="All">All Users</option>
                            @foreach(App\User::has('fcmToken')->pluck('name','id') as $userId => $userName)
                                <option value="{{ $userId }}"
                                        @if(in_array($userId, old('user_ids',[]) )) selected @endif >{{ $userName }}</option>
                            @endforeach
                        </select>
                        @error('user_ids')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="form-group col-md-4 @error('title') has-error @enderror ">
                        <label for="name">Notification Title <span class="text-danger">*</span></label>
                        <input type="text" name="title" id="title" class="form-control "
                               value="{{old('title')}}" autocomplete="off" placeholder="Notification Title">
                        @error('title')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="form-group col-md-4 @error('body') has-error @enderror ">
                        <label for="body">Notification Body <span class="text-danger">*</span></label>
                        <input type="text" name="body" id="body" class="form-control"
                               value="{{old('body')}}" autocomplete="off" placeholder="Notification body">
                        @error('body')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    <div class="form-group col-md-4 @error('image') has-error @enderror ">
                        <label for="image">Notification Image (300x200)</label>
                        <input type="file" name="image" id="image" class="form-control">
                        @error('image')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="form-group col-md-4 @error('type') has-error @enderror ">
                        <label for="type">Select Type</label>
                        <select name="type" id="banner" class="form-control">
                            <option value="" style="display: none;">Select Type</option>
                            @foreach(\App\Models\V2\FcmClickAction::where('status', true)->latest('id')->pluck('type','id') as $actionId => $actionName)
                                <option value="{{ $actionId }}"
                                        @if(old('type' ) == $actionId) selected @endif >{{ ucfirst($actionName) }}</option>
                            @endforeach
                        </select>
                        @error('type')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="form-group col-md-3">
                        <button type="submit" class="btn btn-primary">Submit Job</button>
                    </div>

                </div>
            </form>

        </div>


        @endsection

        @push('script')

            <script>

                $(function () {
                    $('.select2').select2({
                        placeholder: 'Select from user(s)'
                    });
                });
            </script>
    @endpush