<div>
    <style>
        .container-list {

            position: absolute;
            width: 95%;
            z-index: 2;
        }
    </style>
    <div class="form-group m-0 p-0">
        <label for="select-intervencion" class="m-0 p-0 text-dark"><small><strong>Intervencion</strong></small></label>
        {{-- Campo con valores --}}
        <input type="text"
            class="form-control bg-light form-control-sm rounded-0 border-1 shadow-sm text-dark shadow-sm"
            placeholder="Selecciones un intervencion" name="intervencion_seleccionado" id="intervencion_seleccionado" 
            autocomplete="off" wire:model.defer="intervencion_seleccionado" wire:click="montar_lista()" readonly>
    </div>
    <div class="container-list {{$display}}" id="container-list">
        {{-- Buscador --}}
        <div class="list-group-item list-group-item list-group-item-action active py-1" id="list-home-list"
            data-bs-toggle="list" href="#list-home" role="tab" aria-controls="list-home">

            <div class="input-group input-group-sm  flex-grow-1">
                <input type="text" class="form-control border-end-0 " placeholder="Buscar intervencion"
                    id='buscador_intervencion' name='buscador_intervencion' wire:model.debounce.1000ms="buscador_intervencion"
                    autocomplete="off">
                <span class="input-group-text input-group-text-sm bg-white text-secondary border-start-0"><i
                        class="fa-solid fa-magnifying-glass"></i></span>
            </div>
            {{-- Lista --}}
        </div>
        <div class="list-group" id="list-tab" role="tablist">
            @if ($count_intervencions_busqueda != 0)

                @foreach ($intervencions as $intervencion)
                    @if ($intervencion->activo != 0)
                        <div class="list-group-item list-group-item-action py-1 " aria-current="true"
                            wire:click="selecionar_intervencion('{{ $intervencion->id }}')" >
                            <small>{{ $intervencion->id . ' ' . $intervencion->clinica . ' ' . $intervencion->nombre }}</small>
                        </div>
                    @endif
                @endforeach
            @else
                {{-- datos no encontrados --}}
                <div class="list-group-item list-group-item-action " aria-current="true">
                    <small class="text-secondary">La busqueda de <strong>{{ $buscador_intervencion }}</strong> no arrojo
                        ningun
                        resultado.</small>
                </div>
            @endif
        </div>
        <div class="list-group-item list-group-item-action active py-1" id="list-home-list" data-bs-toggle="list"
            href="#list-home" role="tab" aria-controls="list-home"> <small class="my-0">{{ $intervencions->links() }}
            </small>
        </div>
    </div>
</div>
