22 lines
941 B
HTML
22 lines
941 B
HTML
{{ define "beneficiary_autocomplete" }}
|
|
<div x-model="{
|
|
input: '',
|
|
}">
|
|
<input type="text"
|
|
class="p-2 mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm border-gray-300 rounded-2xl"
|
|
x-model="input">
|
|
|
|
<ul x-show="responselength > 0"
|
|
class="absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-xl py-1 text-base overflow-auto focus:outline-none sm:text-sm" tabindex="-1" role="listbox" aria-labelledby="listbox-label" aria-activedescendant="listbox-option-3">
|
|
<template x-for="item in autocomplete">
|
|
<a href="#">
|
|
<li class="text-gray-900 hover:bg-gray-200 cursor-default select-none relative py-2 pl-3 pr-9"
|
|
@click="select(item)">
|
|
<span class="font-normal block truncate" x-text="item.properties.label" ></span>
|
|
</li>
|
|
</a>
|
|
</template>
|
|
</ul>
|
|
</div>
|
|
{{ end }}
|