{{--
  Component for standardized table action buttons
  Usage: @include('components.table-actions', ['actions' => $actions])

  $actions format:
  [
    'view' => [
        'url' => route('resource.show', $id),
        'title' => 'Ver detalles',
        'permission' => 'view-resource' // Optional
    ],
    'edit' => [
        'url' => route('resource.edit', $id),
        'title' => 'Editar',
        'permission' => 'edit-resource' // Optional
    ],
    'delete' => [
        'url' => route('resource.destroy', $id),
        'title' => 'Eliminar',
        'method' => 'DELETE', // For form submission
        'confirm' => '¿Estás seguro de eliminar este registro?',
        'permission' => 'delete-resource' // Optional
    ],
    'onclick' => [
        'onclick' => 'customFunction()',
        'title' => 'Custom action'
    ],
    'custom' => [
        'icon' => 'fa-custom',
        'color' => 'warning',
        'url' => '#',
        'title' => 'Custom Action'
    ]
  ]
--}}

@php
    // Default icon mappings
    $defaultIcons = [
        'view' => 'fas fa-eye',
        'edit' => 'fas fa-edit',
        'delete' => 'fas fa-trash',
        'stats' => 'fas fa-chart-bar',
        'messages' => 'fas fa-comments',
        'knowledge' => 'fas fa-database',
        'businesses' => 'fas fa-building',
        'export' => 'fas fa-download',
        'activate' => 'fas fa-toggle-on',
        'deactivate' => 'fas fa-toggle-off',
    ];

    // Default color mappings
    $defaultColors = [
        'view' => 'text-primary',
        'edit' => 'text-success',
        'delete' => 'text-danger',
        'stats' => 'text-info',
        'messages' => 'text-primary',
        'knowledge' => 'text-info',
        'businesses' => 'text-info',
        'export' => 'text-warning',
        'activate' => 'text-success',
        'deactivate' => 'text-secondary',
    ];
@endphp

<div class="d-flex align-items-center justify-content-center gap-1">
    @foreach($actions as $actionType => $action)
        {{-- Check permission if specified --}}
        @php
            $hasPermission = true;
            if (isset($action['permission'])) {
                $hasPermission = auth()->user()->can($action['permission']);
            }

            // Get icon and color
            $icon = $action['icon'] ?? ($defaultIcons[$actionType] ?? 'fas fa-cog');
            $color = $action['color'] ?? ($defaultColors[$actionType] ?? 'text-secondary');
        @endphp

        @if($hasPermission)
            @if(isset($action['method']) && $action['method'] === 'DELETE')
                {{-- DELETE form action --}}
                <form method="POST" action="{{ $action['url'] }}" class="d-inline mb-0">
                    @csrf
                    @method('DELETE')
                    <button type="submit"
                            class="btn btn-link text-secondary mb-0 px-2"
                            onclick="return confirm('{{ $action['confirm'] ?? '¿Estás seguro?' }}')"
                            title="{{ $action['title'] ?? 'Eliminar' }}">
                        <i class="{{ $icon }} {{ $color }}" style="font-size: 14px;"></i>
                    </button>
                </form>
            @elseif(isset($action['url']))
                {{-- Link-based action --}}
                <a href="{{ $action['url'] }}"
                   class="btn btn-link text-secondary mb-0 px-2"
                   title="{{ $action['title'] ?? ucfirst($actionType) }}"
                   @if(isset($action['target'])) target="{{ $action['target'] }}" @endif>
                    <i class="{{ $icon }} {{ $color }}" style="font-size: 14px;"></i>
                </a>
            @elseif(isset($action['onclick']))
                {{-- JavaScript-based action --}}
                <button type="button"
                        class="btn btn-link text-secondary mb-0 px-2"
                        onclick="{{ $action['onclick'] }}"
                        title="{{ $action['title'] ?? ucfirst($actionType) }}">
                    <i class="{{ $icon }} {{ $color }}" style="font-size: 14px;"></i>
                </button>
            @endif
        @endif
    @endforeach
</div>