[%
# Generate navigate panel snapshots (select, next and previous);
USE date;
USE Api2;
SET snapshot = Api2.exec("LVEInfo", "snapshot_list", {'from'=FORM.from, 'to'=FORM.to}).0;

IF !snapshot.data.size();
  SET form_disabled = 'disabled="disabled"';
END;
%]

<form>
  <a href="#" onclick="show_prev_snapshot(event);">&lArr; Previous snapshot</a>
  <div class="choose-snapshot">
  Choose snapshot: 
  <select class="form-control display-inline" name="timestamp" [% form_disabled %]>
    [% IF snapshot.data.size() %]
      [% FOR timestamp IN snapshot.data %]
        <option value="[% timestamp %]">[% date.format(time => timestamp, format => '%H:%M:%S', gmt => 1) %]</option>
      [% END %]
    [% ELSE %]
        <option value=0 >no snapshots</option>
    [% END %]
  </select>
  </div>
  <noscript><input type="submit" value="Submit"></noscript>
  <a href="#" onclick="show_next_snapshot(event);">Next snapshot &rArr;</a>
</form>