task-bar.blade.php

<div>
    <div class="mb-2 px-4 py-2 flex justify-between items-center rounded border border-silver-700">

        <div class="flex">
            <span class="flex">
                {{$task['title']}}
            </span>
        </div>

        <div class="flex">
            <div class="cursor-pointer mr-4"
                 tooltip="Add to Group"
                 wire:click="$toggle('expanded')">
                @svg('solid/arrow-right', 'text-green-500')
            </div>

            <div class="cursor-pointer"
                 wire:click="deleteTask({{$task['id']}})">
                @svg('solid/times', 'text-red-500')
            </div>
        </div>
    </div>

    @if($expanded)
        <div class="p-4 flex justify-between items-center">
            <select name="groupID" class="tw-select"
                    wire:model="task.group_id">
                <option value="">Select ...</option>
                @forelse($groups as $group)
                    <option value="{{$group['id']}}">
                        {{$group['title']}}
                    </option>
                @empty
                    <option value="">No groups found</option>
                @endforelse
            </select>

            <div class="tw-inline-button inline-green"
                 wire-click="addToGroup">
                Send
            </div>
        </div>
    @endif
</div>