@props([
    'types',
    'leadUrlBase' => null,
])

@php
    $leadUrlBase = $leadUrlBase ?? url('/leads');
    $quickTypes = collect($types ?? []);
@endphp

@if ($quickTypes->isNotEmpty())
    <div
        class="relative inline-flex shrink-0 items-center"
        x-data="{ logActionOpen: false }"
        @click.outside="logActionOpen = false"
    >
        <button
            type="button"
            class="inline-flex min-h-[1.75rem] items-center gap-1 whitespace-nowrap rounded-lg border px-2.5 py-1 text-xs font-semibold shadow-sm transition-colors enabled:hover:border-red-600 enabled:hover:bg-red-600 enabled:hover:text-white"
            :class="selectedLeadId !== null ? 'border-gray-200 bg-white text-gray-800' : 'cursor-not-allowed border-gray-100 bg-gray-50 text-gray-400'"
            :disabled="selectedLeadId === null"
            :title="selectedLeadId === null ? 'Select a lead first' : 'Log a quick activity for the selected lead'"
            x-on:click.stop="logActionOpen = !logActionOpen"
            :aria-expanded="logActionOpen ? 'true' : 'false'"
        >
            Log Action
            <svg
                class="h-3 w-3 shrink-0 opacity-60"
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                aria-hidden="true"
            >
                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
            </svg>
        </button>

        <div
            x-show="logActionOpen"
            x-cloak
            x-transition
            class="absolute left-0 top-full z-50 mt-1 min-w-[11rem] rounded-lg border border-gray-200 bg-white py-1 shadow-lg ring-1 ring-black/5"
            style="display: none;"
            @click.stop
        >
            @foreach ($quickTypes as $activityType)
                @if ((string) $activityType->code === 'calls')
                    <button
                        type="button"
                        class="block w-full px-3 py-2 text-left text-xs font-medium text-gray-900 hover:bg-[var(--dealer-accent-color)] hover:text-[var(--dealer-accent-text-color)]"
                        x-on:click.stop="logActionOpen = false; openQuickCallModal({{ (int) $activityType->id }})"
                    >
                        {{ \App\Support\LeadQuickActionActivityTypes::menuLabel((string) $activityType->code) }}
                    </button>
                @else
                    <form
                        method="POST"
                        class="block"
                        x-bind:action="'{{ rtrim($leadUrlBase, '/') }}/' + selectedLeadId + '/log-action/{{ $activityType->id }}'"
                        @submit="logActionOpen = false"
                    >
                        @csrf
                        <button
                            type="submit"
                            class="block w-full px-3 py-2 text-left text-xs font-medium text-gray-900 hover:bg-[var(--dealer-accent-color)] hover:text-[var(--dealer-accent-text-color)]"
                        >
                            {{ \App\Support\LeadQuickActionActivityTypes::menuLabel((string) $activityType->code) }}
                        </button>
                    </form>
                @endif
            @endforeach
        </div>
    </div>
@endif