#set( $size = "image800x800.webp")
#set($tpath = "$home$apphome/views/modules/asset/downloads/preview/thumb/$asset.sourcepath/$size")

$sort.setHitsPerPage(20)
<div class="container">
<h1>Most relevant pages:</h1>

#foreach($pdfpage in $sort.getPageOfHits())
#set( $size = "image800x800.webp")
#set($tpath = "$home$apphome/views/modules/asset/downloads/preview/thumb/$asset.sourcepath/$size")

<div class="card">
<div class="card-body">
   <img  class="img-fluid img-thumbnail shadow m-2" src="$tpath?pagenum=$!pdfpage.pagenumber" alt="$pdfpage.pagenumber" />

<pre>
$pdfpage.pagetext
</pre>
</div>
</div>
#end


</div>




<style type="text/css">
#highlights em {
font-weight: bolder;
}
</style>