@props([
    'name' => uniqid('bw-dropmenu-'),
    'trigger' => config('bladewind.dropmenu.trigger', 'ellipsis-horizontal-icon'),
    'trigger_css' => '',
    'trigger_on' => config('bladewind.dropmenu.trigger_on', 'click'),
    'divided' => config('bladewind.dropmenu.divided', false),
    'scrollable' => false,
    'height' => 200,
    'hide_after_click' => true,
    'position' => 'right',
    'class' => '',
    'modular' => false, // append type="module" to script tags
    'pickerColour' => 'pink',
    'icon_right' => config('bladewind.dropmenu.icon_right', false),
    'padded' => config('bladewind.dropmenu.padded', true),
])
@php
    $name = preg_replace('/[\s-]/', '_', $name);
    $height = !is_numeric($height) ? 200 : $height;
    $trigger_on = (!in_array($trigger_on, ['click', 'mouseover'])) ? 'click' : $trigger_on;
    $divided = parseBladewindVariable($divided);
    $padded = parseBladewindVariable($padded);
    $scrollable = parseBladewindVariable($scrollable);
    $hide_after_click = parseBladewindVariable($hide_after_click);
    $icon_right = parseBladewindVariable($icon_right);

    // TODO: Remove in 3.0.0 when Php < 8 support is dropped
    if (!function_exists('str_ends_with')) {
      function str_ends_with($str, $end): bool {
        return (@substr_compare($str, $end, -strlen($end))==0);
      }
    }
@endphp
<div class="relative inline-block text-left bw-dropmenu !z-20 {{$name}}" tabindex="0">
    <div class="bw-trigger cursor-pointer inline-block">
        @if(str_ends_with($trigger, '-icon'))
            <x-bladewind::icon
                    name="{{ trim(str_replace('-icon','', $trigger)) }}"
                    class="h-6 w-6 text-gray-500 transition duration-150 ease-in-out z-10 {{$trigger_css}}"/>
        @else
            {!!$trigger!!}
        @endif
    </div>
    <div class="opacity-0 hidden bw-dropmenu-items !z-20 animate__animated animate__fadeIn animate__faster"
         data-open="0">
        <div @class([
                'absolute bg-white dark:bg-dark-700 mt-1 rounded-md',
                'border border-transparent dark:border-dark-800/20 bw-items-list ring-1 ring-slate-800 ring-opacity-5',
                'shadow-sm shadow-slate-200/50 dark:shadow-dark-800/70 whitespace-nowrap',
                '-right-1' => ($position=='right'),
                'p-2' => $padded,
                'p-0' => !$padded,
                'divide-y divide-slate-100 dark:divide-dark-600/90' => $divided,
                "$class"
                ])
             @if($scrollable)style="height: {{$height}}px;overflow-y: scroll"@endif>
            {{ $slot }}
        </div>
    </div>
</div>

<script>
    @php include_once(public_path('vendor/bladewind/js/dropmenu.js')); @endphp
</script>
<script @if($modular) type="module" @endif>
    const {{ $name }} = new BladewindDropmenu('{{ $name }}', {
        triggerOn: '{{$trigger_on}}',
        hideAfterClick: '{{$hide_after_click}}'
    });
</script>