       {% if devices.is_empty() -%}
          <div id="_empty_row" class="font-light opacity-80 p-16 text-center text-lg">
            No device available
          </div>
        {%- else -%}
          <nut-search-list for="device-filter" id="device_list" class="flex flex-col gap-1 list-none">
            {%- for row in devices -%}
              <li
                class="content-card rounded shadow-md"
                id="{{row.id}}"
                morph-preserve-attr="class"
                search-value