rasoberry-noaa/templates/webpanel/Views/V_viewLastImages.php

  <div style="overflow-x:auto;">
  <table id="passes" class="img-grid">
    <?php
      if ($page > 1) {
        echo "<tr><th><a href=\"?page=" . ($page-1) . "\">" . $lang['prev'] . "</a></th>";
      } else {
        echo "<tr><th></th>";
      }
      echo "<th>" . $lang['page'] . " $page " . $lang['of'] . " $page_count</th>";
      if ($page < $page_count) {
        echo "<th><a href=\"?page=" . ($page+1) . "\">" . $lang['next'] . "</a></th></tr>";
      } else {
        echo "<th></th></tr>";
      }
      $row_count=0;
      $col_count=0;
      $baseurl = $configs->base_url;
      foreach ($images as $image) {
        if($row_count%3==0) {
          echo "<tr>";
          $col_count=1;
        }
        if ($image['is_noaa'] == true) {
          $ending = "-MCIR.jpg";
        } else {
          $ending = "-122-rectified.jpg";
        }
        echo "<td><div id =\"satimgdiv\"><a href=". "detail.php?id=" . $image['id'] ."><img id=\"satimg\" src=". $baseurl . "thumb/" . $image['file_path'] . $ending ."></img></a></div>";
        echo "<ul><li>". $image['sat_name'] ."</li>";
        echo "<li> " . $lang['elev'] . ": ". $image['max_elev'] ."°</li>";
        echo "<li>". date('d/m/Y H:i:s', $image['pass_start']) ."</li></ul></td>";
        if($col_count==3) {
          echo "</tr>";
        }
        $row_count++; 
        $col_count++; 
      }
    ?>
  </table>
  </div>
</body>
</html>