<div class="row">
    <div class="col-md-4">
        <div class="tessera--added d-flex align-items-center justify-content-between">
            <select id="level_1_id" class="form-select" aria-label="Gruppo" wire:model="level_1_id" style="width:100%;">
                <option value="">--Seleziona--
                @foreach($level_1 as $l1)
                    <option value="{{$l1["id"]}}">{{$l1["name"]}}
                @endforeach
            </select>
        </div>
    </div>
    @if(count($level_2) > 0)
        <div class="col-md-4">
            <div class="tessera--added d-flex align-items-center justify-content-between">
                <select id="level_2_id" class="form-select" aria-label="Gruppo" wire:model="level_2_id" style="width:100%;">
                    <option value="">--Seleziona--
                    @foreach($level_2 as $l2)
                        <option value="{{$l2["id"]}}">{{$l2["name"]}}
                    @endforeach
                </select>
            </div>
        </div>
    @endif
    @if(count($level_3) > 0)
        <div class="col-md-4">
            <div class="tessera--added d-flex align-items-center justify-content-between">
                <select id="level_3_id" class="form-select" aria-label="Gruppo" wire:model="level_3_id" style="width:100%;">
                    <option value="">--Seleziona--
                    @foreach($level_3 as $l3)
                        <option value="{{$l3["id"]}}">{{$l3["name"]}}
                    @endforeach
                </select>
            </div>
        </div>
    @endif
</div>
