{{-- 
    Dropdown Actions Component
    
    Usage:
    <x-ui.dropdown-actions :actions="[
        [
            'icon' => 'edit',
            'label' => 'Edit',
            'click' => '$emit(\'showModal\', \'modal-name\', 1)',
            'title' => 'Edit item'
        ],
        ['divider' => true],
        [
            'icon' => 'trash',
            'label' => 'Delete',
            'click' => '$emit(\'delete\', 1)',
            'confirm' => true,
            'confirm_message' => 'Are you sure?'
        ]
    ]" />
--}}

@props([
    'actions' => [],
    'size' => 'sm',
    'class' => []
])

@php
    $classes = is_array($class) ? $class : explode(' ', trim($class));
    $dropdownClass = collect([
        'dropdown',
        ...$classes
    ])->join(' ');
@endphp

@if(count($actions) > 0)
    <div class="{{ $dropdownClass }}">
        <button type="button" 
                class="dropdown-toggle btn btn-icon btn-trigger btn-{{ $size }}" 
                data-bs-toggle="dropdown" 
                aria-expanded="false"
                title="{{ __('Actions') }}">
            <em class="icon ni ni-more-h"></em>
        </button>
        <div class="dropdown-menu dropdown-menu-end">
            <ul class="link-list-opt no-bdr">
                @foreach($actions as $action)
                    @if(($action['show'] ?? true))
                        @if(($action['divider'] ?? false))
                            <li class="divider"></li>
                        @else
                            <li>
                                <a href="#" 
                                   @if($action['click'] ?? null) wire:click="{{ $action['click'] }}" @endif
                                   @if($action['href'] ?? null) href="{{ $action['href'] }}" @endif
                                   @if($action['target'] ?? null) target="{{ $action['target'] }}" @endif
                                   @if($action['confirm'] ?? false) onclick="confirm('{{ $action['confirm_message'] ?? __('Are you sure?') }}') || event.preventDefault()" @endif
                                   title="{{ $action['title'] ?? '' }}">
                                    <em class="icon ni ni-{{ $action['icon'] }}"></em>
                                    <span>{{ $action['label'] }}</span>
                                </a>
                            </li>
                        @endif
                    @endif
                @endforeach
            </ul>
        </div>
    </div>
@endif