---
---
var OB={{ site.data.orderbook | jsonify }};

var CAT={{ site.data.categories | jsonify }};

var PR={{ site.data.price-sources | jsonify }};

var CUR={{ site.data.currencies | jsonify }};

function createQRCode(qrcode){

  var peer=qrcode.split(/\_/g)[1];

  if( OB[peer] == undefined ){
    alert( 'peer not found!' );
    return false;
  }

  if( OB[peer].user == undefined ){
    alert( 'user.yml of peer not found!' );
    return false;
  }

  if( OB[peer].user.faircoinaddress == undefined ){
    alert( 'faircoinaddress of peer not not found in user.yml!' );
    return false;
  }


  var url='faircoin:'+OB[peer].user.faircoinaddress+'?amount='+$('#'+qrcode).attr('data-price');

  if( window[qrcode].innerHTML == '' ){

    window[qrcode] = new QRCode( qrcode , {
        text: url,
        colorDark : "#000000",
        colorLight : "#ffffff",
        correctLevel : QRCode.CorrectLevel.M
    });
  } else {
    window[qrcode].clear(); // clear the code.
    window[qrcode].makeCode(url); // make another code.
  }

  $('.qrcode').toggleClass('invisble',true);
  $('#'+qrcode).parent().toggleClass('invisble');

}


$(document).ready(
  function(){
    showOrderbook();
  }
);

function showOrderbook(){
  var tmp='';
  $.each( OB,
    function( peer,data ){
      if( data.user == undefined ) return;
      $.each( data,
        function(i,order){
          if( i == 'user' ) return;
          if( order.tags == undefined ) return;
          tmp+='<div class="orderlist-div tag-'+order.tags.join(' tag-')+' order-'+i+'">';

          tmp+='  <div class="orderlist-date">'
          tmp+='    <div class="image"><small>'+( new Date(order.time * 1000).toJSON().replace(/T/g,' ').slice(0,-8) )+'</small>';
          if( order.image != undefined && order.image != null ){
            tmp+='    <img src="'+order.image+'">';
          }
          tmp+='    </div>';
          tmp+='  </div>';

          tmp+='  <div class="orderlist-title">';
          tmp+='    <a href="form.html?lang='+data.user.lang+'&tags='+order.tags.slice(0,2).join(',')+'&bid-ask='+order['bid-ask']+'&headline='+encodeURI(order.headline)+'&condition='+order.condition+'&description='+encodeURI(order.description)+'&unit='+order.unit+'&min-size='+order['min-size']+'&max-size='+order['max-size']+'&price-reference='+order['price-reference']+'&price-per-unit='+order['price-per-unit']+'"><span class="feather-icon icon-copy" title="Duplicate and Edit Order"></span></a> '+i+' -';
          tmp+='    <u>'+order.headline+'</u><br><small> @'+peer+' / <span class="user-address" onclick="createQRCode(\'qrcode_'+peer+'_'+i+'\')">'+data.user.faircoinaddress+'</span></small>';
          tmp+='    <br>';
          tmp+='    <small><bidask>'+(( order['bid-ask'] == 'ask') ? '<span class="feather-icon icon-help-circle"></span> ask' : '<span class="feather-icon icon-alert-circle"></span> bid' )+'</bidask> <lang><span class="feather-icon icon-tag"></span>'+data.user.lang+'</lang> <a href="https://www.latlong.net/c/?lat='+data.user.latitude.toFixed(6)+'&long='+data.user.longitude.toFixed(6)+'" target="latlong" title="latitude:'+data.user.latitude.toFixed(6)+' | longitude: '+data.user.longitude.toFixed(6)+'"><span class="d-none distance-data">'+data.user.latitude+','+data.user.longitude+','+data.user.country+'</span> <span class="distance"></span></a> <used><span class="feather-icon icon-tag"></span>'+order.condition+'</used>';
          tmp+=order.tags.map( (a,i) => '<tags class="li-tags li-tag-'+a+' clickable" title="'+a+'" onclick="getByTag( [\''+order.tags[0]+'\', \''+a+'\'], $(this).hasClass(\'active\') )">'+(( i == 2 ) ? '<br>' : '')+'<span class="feather-icon icon-tag"></span>'+(( i == 0 ) ? CAT[a].title[ln] : (( CAT[order.tags[0]].Tags[a] != undefined ) ? CAT[order.tags[0]].Tags[a][ln] : ' <custom>'+a+'</custom>' ) ) +'</tags>' ).join(' ');
          tmp+='    </small>';
          tmp+='    <div><small>'+order.description+'</small></div>';
          tmp+='  </div>';

          var price_ref=PR.FAIRO.last.toFixed(2);

          tmp+='  <div class="orderlist-price"><font class="faircoin-price">'+(order['price-per-unit'].toFixed(2))+' '+order['price-reference']+'</font><br>'+(( order['min'] > 0 ) ? order['min']+'..' : '')+order['max']+' '+order.unit+'<br>( '+(order['price-per-unit']/price_ref).toFixed(0)+' FAIR / '+order.unit+' )<br>( '+price_ref+' '+order['price-reference']+' / FAIR )<br><i><a href="'+CUR.FAIR['price-sources'].FAIRO.www+'"></a></i><br><br><br>';
          tmp+='  </div>';

          tmp+='  <div class="qrcode invisble">';
          tmp+='    <div onclick="$(this).parent().toggleClass(\'invisble\')" id="qrcode_'+peer+'_'+i+'" data-price="'+( Math.round(order['price-per-unit']/price_ref).toFixed(8) )+'" class=""></div>';
          tmp+='  </div>';

          tmp+='</div>';
        }
      );
    }
  );

  $('.orders').html(tmp);

}