list_updates.html

    <div class="l-center">
      <div class="l-sort clearfix noselect">
        <div class="l-sort-toolbar clearfix">
          <table>
            <tr>
              <td class="step-right">
                <? if($autoupdate == 'Enabled') {
                     echo '<a class="vst" href="/delete/cron/autoupdate/?token='.$_SESSION['token'].'">'.__('disable autoupdate').'</a>';
                   } else {
                     echo '<a class="vst" href="/add/cron/autoupdate/?token='.$_SESSION['token'].'">'.__('enable autoupdate').'</a>';
                   } ?>
              </td>
              <td class="l-sort-toolbar__search-box step-left">
                <form action="/search/" method="get">
                  <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
                  <input type="text" name="q" class="search-input" value="<? echo isset($_POST['q']) ? htmlspecialchars($_POST['q']) : '' ?>" />
                  <input type="submit" value="" class="l-sort-toolbar__search" onClick="return doSearch('/search/')" />
                </form>
              </td>
              <td class="toggle-all">
                <input id="toggle-all" type="checkbox" name="toggle-all" value="toggle-all" onChange="checkedAll('objects');">
                <label for="toggle-all" class="check-label toggle-all"><?=__('toggle all')?></label>
              </td>
              <td>
                <form action="/bulk/hestia/" method="post" id="objects">
                <input type="hidden" name="token" value="<?=$_SESSION['token']?>" />
                <div class="l-select">
                  <select name="action" id="">
                    <option value=""><?=__('apply to selected')?></option>
                    <option value="update"><?php print __('update') ?></option>
                  </select>
                </div>
                <input type="submit" value="" class="l-sort-toolbar__filter-apply" />
              </td>
            </tr>
          </table>
        </div>
      </div>
      <!-- /.l-sort -->
    </div>

    <div class="l-separator"></div>
    <!-- /.l-separator -->


    <div class="l-center units animated fadeIn">
        <div class="l-unit header">
            <div class="l-unit__col l-unit__col--left clearfix">
              <div class="text-center jump-small-top"></div>
            </div>
      
            <div class="l-unit__col l-unit__col--right step-top table-header">
              <div style="margin-bottom: 40px;">
                  <div class="clearfix l-unit__stat-col--left wide"><b><?php print __('Package');?></b></div>
                  <div class="clearfix l-unit__stat-col--left wide-5"><b><?php print __('Description');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Version');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Release');?></b></div>
                  <div class="clearfix l-unit__stat-col--left text-center"><b><?php print __('Status');?></b></div>
              </div>
            </div>
          </div>
      <?php
        foreach ($data as $key => $value) {
          ++$i;

          if ($data[$key]['UPDATED'] == 'yes') {
            $status = 'active';
            $upd_status = 'updated';
          } else {
            $status = 'suspended';
            $upd_status = 'outdated';
          }

      ?>
      <div class="l-unit<? if($status == 'suspended') echo ' l-unit--outdated';?>">
        <div class="l-unit-toolbar clearfix">
          <!-- l-unit-toolbar__col -->
          <div class="l-unit-toolbar__col l-unit-toolbar__col--right noselect">
            <div class="actions-panel clearfix">
              <? if ($data[$key]['UPDATED'] == 'no') {
                   echo '<div class="actions-panel__col actions-panel__update shortcut-u" key-action="href"><a href="/update/hestia/?pkg='.$key.'&token='.$_SESSION['token'].'">'.__('update').'<i></i></a><span class="shortcut">&nbsp;U</span></div>';
                 }
              ?>
            </div>
            <!-- /.actiona-panel -->
          </div>
          <!-- l-unit-toolbar__col -->
        </div>
        <!-- /.l-unit-toolbar -->
        <!-- /.l-unit__col -->
        <div class="l-unit__col l-unit__col--right">
            <div style="margin-bottom: 50px;">
                <div class="clearfix l-unit__stat-col--left">
                  <input id="check<?php echo $i ?>" class="ch-toggle" type="checkbox" name="pkg[]" value="<?php echo $key ?>">
                  <label for="check<?php echo $i ?>" class="check-label"></label>
                </div>
              <div class="clearfix l-unit__stat-col--left wide"><b><?=$key?></b></div>
              <div class="clearfix l-unit__stat-col--left wide-5"><b><?=__($data[$key]['DESCR'])?></b></div>
              <div class="clearfix l-unit__stat-col--left text-center"><?=$data[$key]['VERSION'] ?> (<?=$data[$key]['ARCH']?>)</div>
              <div class="clearfix l-unit__stat-col--left text-center"><?=$data[$key]['RELEASE']?></div>
              <div class="clearfix l-unit__stat-col--left text-center"><b>
                
                  <? if ($data[$key]['UPDATED'] == 'no') {
                    echo '
                    <i class="fas fa-exclamation-triangle" style="color: orange;"></i>
                    ';
                  }
                  ?>
                  <? if ($data[$key]['UPDATED'] == 'yes') {
                    echo '
                    <i class="fas fa-check-circle status-icon-green"></i></i>
                    ';
                  }
                  ?>
              </b></div>
          </div>
          <!-- /.l-unit__stats -->
        </div>
        <!-- /.l-unit__col -->
      </div>
      <!-- /.l-unit -->
      <!-- div class="l-separator"></div -->
      <!-- /.l-separator -->
      <?}?>

    </div>

    <div id="vstobjects">
        <div class="l-separator"></div>
  </div>