#set($moduleid = $context.findValue("module"))
#set($defaultview = $userprofile.getDefaultViewForModule($moduleid))
#set($searchhome = $context.findValue("searchhome"))
#set($resulttype = $userprofile.get("${moduleid}resultview"))
#if(!$resulttype) #set($resulttype = "table") #end

<div class="container-fluid p-3">
  <div class="row" data-masonry='{"percentPosition": true }'>
    #foreach ($hit in $hits.getPageOfHits())
      $context.putPageValue("hit", $hit)
      #set($sourcepath = $hit.sourcepath)
      #set($imagesize = "image300x300.webp")
      #set($img = $mediaarchive.asLinkToPreview($hit, $librarycol.id, $imagesize, true))
      #set($clink = "$home$content.searchhome/edit/index.html?id=$hit.id")

      <div class="col-sm-6 col-md-4 col-lg-3 mb-4">
        <a href="$clink" class="d-block border rounded overflow-hidden shadow-sm">
          <img src="$img" class="img-fluid d-block w-100" alt="$!hit.assettitle">
        </a>
      </div>
    #end
  </div>
</div>



#if($hits.size() == 0 && $cat)
  <div class="alert alert-warning mt-4" role="alert">
    [[Looks like there are no uploads yet!]]
    <a href="$home${content.searchhome}/upload/importassets.html?categoryid=${category.id}&catid=${category.id}" class="alert-link">[[You can click here to add new files]]</a>
  </div>
#end

#if($hits.size() == 0 && !$cat)
  <div class="alert alert-warning mt-4" role="alert">
    [[Sorry, no results found for that search!]]
  </div>
#end

$pages.stream("/${content.searchhome}/navigate.html", $context)

<!-- Include Masonry -->
<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4/dist/masonry.pkgd.min.js"></script>