@props([
    'href' => null,
    'type' => 'link', // link|button|submit
    'danger' => false,
    'icon' => 'edit',
    'confirm' => null,
])

@php
    // Bootstrap Icons paths (one or more path `d` strings per icon)
    $iconPaths = [
        'view' => [
            'M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.12 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z',
            'M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z',
        ],
        'edit' => [
            'M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-9.5 9.5a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2 3 10.207V12h1.793L13 3.793z',
        ],
        'today' => [
            'M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z',
        ],
        'invite' => [
            'M15.854.146a.5.5 0 0 1 0 .708L11.707 5H14.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793L15.146.146a.5.5 0 0 1 .708 0z',
            'M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z',
        ],
        'revoke' => [
            'M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16',
            'M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708',
        ],
        'delete' => [
            'M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z',
            'M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z',
        ],
        'renew' => [
            'M8 3a5 5 0 1 0 4.546 10.03.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z',
            'M8 4.466V.534a.25.25 0 0 1 .41-.184l2.609 2.464a.25.25 0 0 1 0 .368L8.41 5.34A.25.25 0 0 1 8 5.166z',
        ],
        'pay' => [
            'M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z',
        ],
        'report' => [
            'M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z',
        ],
        'leave' => [
            'M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z',
            'M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0',
        ],
        'children' => [
            'M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6',
            'M5.216 14A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.4 6.4 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5',
        ],
        'cancel' => [
            'M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16',
            'M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708',
        ],
    ];
    $paths = $iconPaths[$icon] ?? $iconPaths['edit'];
    $textClass = $danger ? 'text-red-700' : 'text-gray-800';
    $iconWrap = $danger ? 'bg-red-50 text-red-600' : 'bg-orange-50 text-orange-700';
    $hover = $danger ? 'hover:bg-red-50' : 'hover:bg-orange-50';
    $baseClass = "erp-menu-item flex w-full items-center gap-3 px-3 py-2.5 text-right text-sm font-medium {$textClass} transition {$hover}";
@endphp

@if($type === 'link' && $href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $baseClass, 'role' => 'menuitem']) }}>
        <span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg {{ $iconWrap }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
                @foreach($paths as $d)
                    <path d="{{ $d }}"/>
                @endforeach
            </svg>
        </span>
        <span class="flex-1 leading-snug">{{ $slot }}</span>
    </a>
@else
    <button
        type="{{ $type === 'submit' ? 'submit' : 'button' }}"
        @if($confirm) onclick="return confirm(@js($confirm))" @endif
        {{ $attributes->merge(['class' => $baseClass, 'role' => 'menuitem']) }}
    >
        <span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg {{ $iconWrap }}">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
                @foreach($paths as $d)
                    <path d="{{ $d }}"/>
                @endforeach
            </svg>
        </span>
        <span class="flex-1 leading-snug">{{ $slot }}</span>
    </button>
@endif