</InputGroup>
                {{/if}}
            </div>
        </ContentPanel>

<ContentPanel @title="Geofence Triggers" @open={{true}} @wrapperClass="bordered-top">
            <div class="space-y-4">
                <p class="text-sm text-gray-500 dark:text-gray-400">
                    Configure when this {{if (eq @options.selectedLayerType "Zone") "zone" "service area"}} fires active geofence events. Entry and exit events are dispatched to webhooks, WebSocket channels, and the notification system whenever a driver crosses the boundary.
                </p>

<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                    <div class="flex items-start space-x-3 p-3 rounded-lg border border-gray-200 dark:border-gray-700">
                        <div class="flex-shrink-0 mt-0.5">
                            <Toggle
                                @isToggled={{@options.layerOptions.trigger_on_entry}}
                                @onToggle={{fn (mut @options.layerOptions.trigger_on_entry)}}
                            />
                        </div>
                        <div>
                            <p class="text-sm font-medium text-gray-900 dark:text-white">Trigger on Entry</p>
                            <p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
                                Fire a <code class="font-mono">geofence.entered</code> event when a driver enters this {{if (eq @options.selectedLayerType "Zone") "zone" "service area"}}.
                            </p>
                        </div>
                    </div>

<div class="flex items-start space-x-3 p-3 rounded-lg border border-gray-200 dark:border-gray-700">
                        <div class="flex-shrink-0 mt-0.5">
                            <Toggle
                                @isToggled={{@options.layerOptions.trigger_on_exit}}
                                @onToggle={{fn (mut @options.layerOptions.trigger_on_exit)}}
                            />
                        </div>
                        <div>
                            <p class="text-sm font-medium text-gray-900 dark:text-white">Trigger on Exit</p>
                            <p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
                                Fire a <code class="font-mono">geofence.exited</code> event when a driver leaves this {{if (eq @options.selectedLayerType "Zone") "zone" "service area"}}.
                            </p>
                        </div>
                    </div>
                </div>