doctype html
html
  head
    title= settings.title
    link(rel='stylesheet', href='/themes/' + settings.theme + '/bootstrap.min.css')
    link(rel='stylesheet', href='/vendor/jqplot/jquery.jqplot.css')
    link(rel='stylesheet', href='//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.css')
    link(rel='stylesheet', href='//use.fontawesome.com/releases/v5.2.0/css/all.css', integrity='sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ', crossorigin='anonymous')
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js')
    script(src='//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js')
    script(src='/vendor/jqplot/jquery.jqplot.min.js')
    script(src='/vendor/jqplot/plugins/jqplot.dateAxisRenderer.min.js')
    script(src='/vendor/jqplot/plugins/jqplot.ohlcRenderer.min.js')
    script(src='/vendor/jqplot/plugins/jqplot.highlighter.min.js')
    script(src='/vendor/jqplot/plugins/jqplot.pieRenderer.min.js')
    script(src='/vendor/jqplot/plugins/jqplot.barRenderer.min.js')
    script(src='/vendor/jqplot/plugins/jqplot.categoryAxisRenderer.min.js')
    script(src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js')
    script(src='//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js')
    script(src='//cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.js')
    script(src='//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.js')
    script(src='/javascripts/chart.js')
    script.
      $(document).ready(function(){
        $('##{active}').addClass('active');
        function update_stats(){
          $.ajax({url: '/ext/summary', success: function(json){
            $("#supply").text(parseInt(parseFloat(json.data[0].supply).toFixed(0)).toLocaleString('en'));
            $("#masternodeCountOnline").text(json.data[0].masternodeCountOnline).prop("alt", json.data[0].masternodeCountOnline+" nodes online").prop("title", json.data[0].masternodeCountOnline+" nodes online");
            $("#masternodeCountOffline").text(json.data[0].masternodeCountOffline).prop("alt", json.data[0].masternodeCountOffline+" unreachable nodes").prop("title", json.data[0].masternodeCountOffline+" unreachable nodes");
            $("#spnMasternodeCountOnline").prop("alt", json.data[0].masternodeCountOnline+" nodes online").prop("title", json.data[0].masternodeCountOnline+" nodes online");
            $("#spnMasternodeCountOffline").prop("alt", json.data[0].masternodeCountOffline+" unreachable nodes").prop("title", json.data[0].masternodeCountOffline+" unreachable nodes");
            $("#difficulty").text(parseFloat(json.data[0].difficulty).toFixed(2));
            $("#difficultyHybrid").text(json.data[0].difficultyHybrid);
            $("#hashrate").text(parseFloat(json.data[0].hashrate).toLocaleString('en'));
            $("#lastPrice").text(parseFloat(json.data[0].lastPrice).toFixed(8) + ' #{settings.markets.exchange}'.toUpperCase());
            $("#marketCap").text((parseFloat(json.data[0].lastPrice).toFixed(8) * parseInt(parseFloat(json.data[0].supply).toFixed(0))).toLocaleString('en') + ' #{settings.markets.exchange}'.toUpperCase());
            $("#lblConnections").text(json.data[0].connections + ' connections');
            $("#lblBlockcount").text(json.data[0].blockcount + ' blocks');
            $("#lblX1").text(' ');
          }});
        }
        $('.block-last-next').tooltip({
          animation: true,
          delay: { hide: 500 },
        });
        if($('.history-table tbody tr').length) {
          $('.history-table').dataTable( {
            searching: false,
            ordering: false,
            responsive: true
          });
        }
        $('.iquidus').css('color',$('.table').css('color'));
        $(window).resize(function () {
          $($.fn.dataTable.tables( true ) ).DataTable().columns.adjust();
        });
        setInterval( function() {
          update_stats();
        }, 60000);
        update_stats();
        function getNetworkPanel() {
          var networkSuffix='';
          switch ('#{settings.nethash_units}') {
            case "K":
              networkSuffix='(KH/s)';
              break;
            case "M":
              networkSuffix='(MH/s)';
              break;
            case "G":
              networkSuffix='(GH/s)';
              break;
            case "T":
              networkSuffix='(TH/s)';
              break;
            case "P":
              networkSuffix='(PH/s)';
              break;
            case "H":
              networkSuffix='(H/s)';
              break;
          }
          var hashRateType='<label id="hashrate"></label>';
          if ('#{settings.index.difficulty}' == 'Hybrid') hashRateType+='<br /><label id="lblX1"></label>';
          return '<div class="panel-heading"><strong>#{settings.locale.network} '+networkSuffix+'</strong></div><div class="panel-body"><div id="hashratepanel"><span class="glyphicon fa fa-cogs"></span>'+hashRateType+'</div></div>';
        }
        function getDifficultyPanel() {
          var difficultyType='<label id="difficulty"></label>';
          if ('#{settings.index.difficulty}' == 'Hybrid') difficultyType+='<br /><label id="difficultyHybrid"></label>';
          return '<div class="panel-heading"><strong>#{settings.locale.difficulty}</strong></div><div class="panel-body"><div id="difficultypanel"><span class="glyphicon fas fa-sliders-h"></span>'+difficultyType+'</div></div>';
        }
        function getMasternodesPanel() {
          return '<div class="panel-heading"><strong>#{settings.locale.masternodecount}</strong></div><div class="panel-body"><div id="masternodepanel"><span id="spnMasternodeCountOnline" class="glyphicon fa fa-check-circle"></span><label id="masternodeCountOnline"></label><label>&nbsp;/&nbsp;</label><label id="masternodeCountOffline"></label><span id="spnMasternodeCountOffline" class="glyphicon fa fa-exclamation-triangle"></span></div></div>';
        }
        function getCoinSupplyPanel() {
          var supplyType='<label id="supply"></label>';
          if ('#{settings.index.difficulty}' == 'Hybrid') supplyType+='<br /><label id="lblX1"></label>';
          if (#{settings.index.show_market_cap} == true && #{settings.index.show_market_cap_over_price} != true) supplyType+='<br /><span class="glyphicon fas fa-chart-line"></span><label>(</label><label id="marketCap">-</label><label>)</label>';
          return '<div class="panel-heading"><strong>#{settings.locale.ex_supply} (#{settings.symbol})</strong></div><div class="panel-body"><div id="supplypanel"><span class="glyphicon fa fa-chart-pie"></span>'+supplyType+'</div></div>';
        }
        function getPricePanel() {
          if (#{settings.index.show_market_cap} == true && #{settings.index.show_market_cap_over_price} == true) {
            return '<div class="panel-heading"><strong>Market Cap</strong></div><div class="panel-body"><div id="pricepanel"><span class="glyphicon fas fa-chart-line"></span><label id="marketCap"></label></div></div>';
          } else {
            var priceType='<label id="lastPrice">-</label>';
            if ('#{settings.index.difficulty}' == 'Hybrid') priceType+='<br /><label id="lblX1"></label>';
            return '<div class="panel-heading"><strong>#{settings.markets.exchange} Price</strong></div><div class="panel-body"><div id="pricepanel"><span class="glyphicon fa fa-rocket"></span>'+priceType+'</div></div>';
          }
        }
        function getActivePanel(nPanelName) {
          var sReturn='';
          switch (nPanelName) {
            case "networkpnl":
              sReturn=getNetworkPanel();
              break;
            case "difficultypnl":
              sReturn=getDifficultyPanel();
              break;
            case "masternodespnl":
              sReturn=getMasternodesPanel();
              break;
            case "coinsupplypnl":
              sReturn=getCoinSupplyPanel();
              break;
            case "pricepnl":
              sReturn=getPricePanel();
              break;
          }
          return sReturn;
        }
        function hideShowPanel(sPanelID, sPanelName) {
          var oPanel = document.getElementById(sPanelName);
          if (typeof(oPanel) != 'undefined' && oPanel != null) document.getElementById(sPanelName).innerHTML=getActivePanel(sPanelID);
        }
        hideShowPanel('#{settings.panel1}', 'pnlOne');
        hideShowPanel('#{settings.panel2}', 'pnlTwo');
        hideShowPanel('#{settings.panel3}', 'pnlThree');
        hideShowPanel('#{settings.panel4}', 'pnlFour');
        hideShowPanel('#{settings.panel5}', 'pnlFive');
      });
  body
    - function format_unixtime(unixtime) {
      - var a = new Date(unixtime*1000);
      - var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
      - var year = a.getFullYear();
      - var month = months[a.getMonth()];
      - var date = a.getDate();
      - var hour = a.getHours();
      - var min = a.getMinutes();
      - var sec = a.getSeconds();
      - var suffix = 'th'
      if date == 1 || date == 21 || date == 31
        - suffix = 'st'
      if date == 2 || date == 22 || date == 32
        - suffix = 'nd'
      if date == 3 || date == 23
        - suffix = 'rd'
      if hour < 10
        - hour = '0' + hour
      if min < 10
        - min = '0' + min
      if sec < 10
        - sec = '0' + sec
      - var time = date + suffix + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec + ' GMT';
      - return time
    -  };
    .nav.navbar.navbar-default.navbar-fixed-top(role='navigation')
      - if(settings.homelink == 'logo') {
          .container-fluid(style='padding-left:0;')
      - } else {
          .container-fluid
      - }
        .navbar-header
          button.navbar-toggle(type='button', data-toggle='collapse', data-target='#navbar-collapse')
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
          if settings.homelink == 'title'
            a.navbar-brand(href='/') #{settings.title}
          else if settings.homelink == 'coin'
            a.navbar-brand(href='/') #{settings.coin}
          else if settings.homelink == 'logo'
            a(href='/', alt=settings.coin + ' Home', title=settings.coin + ' Home')
              img.logo-main(src=settings.logo, style='margin:0;max-height:' + settings.logoheight + 'px;')
        .collapse.navbar-collapse(id='navbar-collapse')
          ul.nav.navbar-nav
            li#home
              a.navbar-link(href='/')
                span.glyphicon.glyphicon-search
                span.menu-text #{settings.locale.menu_explorer}
            if settings.heavy == true
              li#reward
                a.navbar-link(href='/reward')
                  span.fa.fa-star
                  span.menu-text #{settings.locale.menu_reward}
            if settings.display.movement == true
              li#movement
                a.navbar-link.loading(href='/movement')
                  span.far.fa-money-bill-alt
                  span.menu-text #{settings.locale.menu_movement}
            if settings.display.network == true
              li#network
                a.navbar-link(href='/network')
                  span.fa.fa-share-alt
                  span.menu-text #{settings.locale.menu_network}
            if settings.display.richlist == true
              li#richlist
                a.navbar-link(href='/richlist')
                  span.fab.fa-btc
                  span.menu-text #{settings.locale.menu_richlist}
            if settings.display.markets == true
              li#markets
                a.navbar-link.loading(href='/markets/' + settings.markets.default)
                  span.fas.fa-chart-line
                  span.menu-text #{settings.locale.menu_markets}
            if settings.display.api == true
              li#info
                a.navbar-link(href='/info')
                  span.glyphicon.glyphicon-info-sign
                  span.menu-text #{settings.locale.menu_api}

    .col-md-12
      .row.text-center
        div(class="col-md-2 col-md-offset-" + settings.paneloffset)
          - if(settings.panel1 != '') {
            .panel.panel-default.hidden-sm.hidden-xs(id='pnlOne')
          - }
        - if(settings.panel2 != '') {
          .col-md-2
            .panel.panel-default.hidden-sm.hidden-xs(id='pnlTwo')
        - }
        - if(settings.panel3 != '') {
          .col-md-2
           .panel.panel-default.hidden-sm.hidden-xs(id='pnlThree')
        - }
        - if(settings.panel4 != '') {
          .col-md-2
            .panel.panel-default.hidden-sm.hidden-xs(id='pnlFour')
        - }
        - if(settings.panel5 != '') {
        .col-md-2
          .panel.panel-default.hidden-sm.hidden-xs(id='pnlFive')
        - }

      .row.text-center(style='margin-top:10px;margin-bottom:20px;')
        form.form-inline(method='post', action='/search')
          #index-search.form-group
            input.form-control(type='text', name='search', placeholder=settings.locale.ex_search_message, style='min-width:80%;margin-right:5px;')
            button.btn.btn-success(type='submit') #{settings.locale.ex_search_button}
    block content
    .navbar.navbar-default.navbar-fixed-bottom.hidden-xs
      .col-md-4
        if settings.display.github
          ul.nav.navbar-nav
            li.pull-left
              a#github-icon(href="https://github.com/" + settings.github, target='_blank', alt=settings.coin + ' Github', title=settings.coin + ' Github')
                span.glyphicon.fab.fa-github
        if settings.display.discord
          ul.nav.navbar-nav
            li.pull-left
              a#discord-icon(href=settings.discord, target='_blank', alt=settings.coin + ' Discord', title=settings.coin + ' Discord')
                span.glyphicon.fab.fa-discord
        if settings.display.telegram
          ul.nav.navbar-nav
            li.pull-left
              a#telegram-icon(href="https://t.me/" + settings.telegram, target='_blank', alt=settings.coin + ' Telegram', title=settings.coin + ' Telegram')
                span.glyphicon.fab.fa-telegram
        if settings.display.reddit
          ul.nav.navbar-nav
            li.pull-left
              a#reddit-icon(href="https://reddit.com/r/" + settings.reddit, target='_blank', alt=settings.coin + ' Reddit', title=settings.coin + ' Reddit')
                span.glyphicon.fab.fa-reddit
        if settings.display.youtube
          ul.nav.navbar-nav
            li.pull-left
              a#youtube-icon(href=settings.youtube, target='_blank', alt=settings.coin + ' YouTube', title=settings.coin + ' YouTube')
                span.glyphicon.fab.fa-youtube
        if settings.display.slack
          ul.nav.navbar-nav
            li.pull-left
              a#slack-icon(href=settings.slack, target='_blank', alt=settings.coin + ' Slack', title=settings.coin + ' Slack')
                span.glyphicon.fab.fa-slack
        if settings.display.twitter
          ul.nav.navbar-nav
            li.pull-left
              a#twitter-icon(href="https://twitter.com/" + settings.twitter, target='_blank', alt=settings.coin + ' Twitter', title=settings.coin + ' Twitter')
                span.glyphicon.fab.fa-twitter
        if settings.display.facebook
          ul.nav.navbar-nav
            li.pull-left
              a#facebook-icon(href="https://www.facebook.com/" + settings.facebook, target='_blank', alt=settings.coin + ' Facebook', title=settings.coin + ' Facebook')
                span.glyphicon.fab.fa-facebook
        if settings.display.googleplus
          ul.nav.navbar-nav
            li.pull-left
              a#googleplus-icon(href="https://plus.google.com/" + settings.googleplus, target='_blank', alt=settings.coin + ' Google+', title=settings.coin + ' Google+')
                span.glyphicon.fab.fa-google-plus
        if settings.display.bitcointalk
          ul.nav.navbar-nav
            li.pull-left
              a#bitcointalk-icon(href="https://bitcointalk.org/index.php?topic=" + settings.bitcointalk, target='_blank', alt=settings.coin + ' Bitcointalk', title=settings.coin + ' Bitcointalk')
                span.glyphicon.fab.fa-btc
        if settings.display.website
          ul.nav.navbar-nav
            li.pull-left
              a#website-icon(href=settings.website, target='_blank', alt=settings.coin + ' Website', title=settings.coin + ' Website')
                span.glyphicon.fa.fa-link
      .col-md-4
        ul.nav
          li.text-center(style='margin-left:80px;margin-right:80px;')
            p(style='margin-top:15px;')
              a.navbar-link(href='https://github.com/team-exor/eiquidus', target='_blank') eIquidus Explorer v#{settings.explorer_version}
      span.connections
        label#lblBlockcount.label.label-default -
        label#lblConnections.label.label-default -