extends layout

block content
  include ./includes/common.pug
  script.
    var setting_maxTxCount = parseInt("#{settings.index.last_txs}");
    var setting_txPerPage = parseInt("#{settings.index.txs_per_page}");
    var lengthMenuOpts = [];
    var lengthMenuOptsAdd = [ 10, 25, 50, 75, 100, 250, 500, 1000 ];
    for (i=0; i < lengthMenuOptsAdd.length; i++) {
      if (setting_maxTxCount >= lengthMenuOptsAdd[i]) {
        lengthMenuOpts.push(lengthMenuOptsAdd[i]);
      }
    }
    if (setting_maxTxCount < setting_txPerPage) {
      var displayLengthMax = setting_maxTxCount;
    } else {
      var displayLengthMax = setting_txPerPage;
    }
    var rplot;
    var colors = ["#0071bc"];
    $(document).ready(function() {
      var rtable = $('#movement-table').dataTable({
        autoWidth: true,
        searching: false,
        ordering: false,
        lengthChange: true,
        processing: true,
        serverSide: true,
        iDisplayLength: displayLengthMax,
        lengthMenu: lengthMenuOpts,
        scrollX: true,
        ajax: {
          url: '/ext/getlasttxs/#{min_amount}',
          beforeSend: function(jqXHR, settings) {
            settings.url = settings.url.substring(0, settings.url.indexOf('?')) + '/' + getParameterByName('start', settings.url) + '/' + getParameterByName('length', settings.url);
            return true;
          }
        },
        language: {
          paginate: {
            previous: '<',
            next: '>'
          }
        },
        rowCallback: function(row, data, index) {
          var blockindex = data[0]; //variables for better readability
          var blockhash = data[1]; //variables for better readability
          var txhash = data[2]; //variables for better readability
          var outputs = data[3]; //variables for better readability
          var amount = (data[4] / 100000000); //variables for better readability
          var amountParts = Number(amount).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true}).split('.');
          var amountStr = amountParts[0] + '.<span class="decimal">' + amountParts[1] + '</span>';
          var timestamp = data[5]; //variables for better readability
          if (amount > '#{flagb}') {
            var total = "<label class='badge badge-danger'>" + amountStr + "</label>";
          } else if (amount > '#{flaga}') {
            var total = "<label class='badge badge-warning'>" + amountStr + "</label>";
          } else {
            var total = "<label class='badge badge-success'>" + amountStr + "</label>";
          }
          $("td:eq(0)", row).html('<a href="/tx/' + txhash + '"><span class="fa fa-eye" data-toggle="tooltip" data-placement="top" title="#{settings.locale.view_tx}"></span></a>').addClass('text-center d-table-cell d-md-none');
          $("td:eq(1)", row).html('<a href="/tx/' + txhash + '">' + txhash + '</a>').addClass('breakWord d-none d-md-table-cell');
          $("td:eq(2)", row).html(total).addClass('text-center');
          $("td:eq(3)", row).html(format_unixtime(new Date(timestamp), true)).addClass('text-center');
        },
        fnDrawCallback: function(settings) {
          fixDataTableColumns();
          fixFooterHeightAndPosition();
          enableTooltips();
        }
      });
      setInterval(function () {
        rtable.api().ajax.reload(null, false);
      }, 45000);
    });
  .col-md-12
    if settings.movement_page.show_last_updated == true
      div.font-weight-bold(style='margin-bottom:15px;') Blockchain data last updated:
        span.font-weight-normal=(last_updated == null || last_updated == '0' ? ' N/A' : ' ' + format_unixtime(last_updated))
    .card.card-default.border-0.cardSpacer
      .card-header
        strong="Latest Movement"
      table#movement-table.table.table-bordered.table-striped.table-paging.mobile-border-right
        - var theadClasses = [];
        if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != ''
          - theadClasses.push('thead-' + settings.display.table_header_bgcolor);
        thead(class=theadClasses)
          tr
            th.d-table-cell.d-md-none
            th.d-none.d-md-table-cell #{settings.locale.tx_hash}
            th.text-center #{settings.locale.mkt_amount}
              span.small  (#{settings.symbol})
            th.text-center #{settings.locale.timestamp}
        tbody