<!DOCTYPE html>
<html>

<h1>Report for Plate: {{plate_id}}</h1>
<h2>Frame segmentation control image:</h2>

  <img src="threshold_image.png" alt="Forest" style="width:75%">
<h2>Preview RGB image with leaf detection:</h2>
  <img src="rgb_image.png" alt="Snow" style="width:75%">

<h2>First lane with disease prediction:</h2>

<div class="align-center">
  <img src={{img_id1}} style="width:15%">
  <img src={{img_id2}} style="width:15%">
</div>

<h2>Second lane with disease prediction:</h2>

  <div class="align-center">
  <img src={{img_id3}} style="width:15%">
  <img src={{img_id4}} style="width:15%">
</div>
<h2>Third lane with disease prediction:</h2>

  <div class="align-center">
  <img src={{img_id5}} style="width:15%">
  <img src={{img_id6}} style="width:15%">
</div>
<h2>Fourth lane with disease prediction:</h2>

  <div class="align-center">
  <img src={{img_id7}} style="width:15%">
  <img src={{img_id8}} style="width:15%">
</div>


</body>
</html>
