console.log("Loading...");

function trx_startbut( code )  { return "startbutton-"+code; }
function trx_stopbut( code )   { return "stopbutton-"+code; }
function trx_downbut( code )   { return "downloadbutton-"+code; }

function trx_logarea( code )   { return "logarea-"+code; }

function rs_button( code )     { return "button"+code; }

function rs_trxarea( code )    { return "recarea-"+code; }
function rs_trxname( code )    { return "trxname-"+code; }
function rs_buttonarea( code ) { return "endtime-"+code; }
function rs_inputstart( code ) { return "startime-"+code; }
function rs_inputend( code )   { return "endtime-"; }
function rs_formid(code)       { return "form-"+code; }

function rs_id(code)           { return code; }

var txt_start       = "Inizia";
var txt_stop        = "Ferma";
var txt_download    = "Scarica";

var srvaddr         = "http://127.0.0.1:8000/";

var almostone       = false;
var noplusbotton    = true;
var maxrec          = 0 ; // Number of Active Record

var rec_name_default = "";

/** 
  * Perform Ajax async loading 
  **/


    
/** 
  *  New record 
  **/
function rec_new( ) {
    var recid = "rec-"+maxrec;
    maxrec += 1;  
    
    console.log("[rec_new] New Rec " + recid);

    $("#buttonscontainer").append( "<div id=\""+rs_trxarea(recid)+"\" class=\"recarea\"> </div>" );
    console.log("[rec_new] add div TRXArea "+ rs_trxarea(recid) );
    
    $("#"+rs_trxarea(recid)).append( "<div id=\""+rs_buttonarea(recid)+"\" class=\"buttonarea\"> </div>" );
    console.log("[rec_new] add div ButtonArea "+ rs_buttonarea(recid) );
    
    var formid = rs_formid( recid );

    var str = "<form id=\""+formid+"\" name=\""+formid+"\" action=\"#\">";

    str = str + "<input type=\"button\" name=\""+trx_startbut(recid)+"\" id=\""+trx_startbut(recid)+"\" ";
    str = str + " class=\"recbutton\" value=\"Inizia\" />";

    str = str + "<input type=\"button\" name=\""+trx_stopbut(recid)+"\" id=\""+trx_stopbut(recid)+"\" ";
    str = str + " class=\"recbutton\" value=\"Stop\" />";
    // ADD SUBITO TEXTBUTTON
    str = str + "<input type=\"submit\" name=\""+trx_downbut(recid)+"\" id=\""+trx_downbut(recid)+"\" ";
    str = str + " class=\"recbutton\" value=\"Scarica\" />";
    
    str = str + "<input type=\"text\" id=\""+rs_inputstart(recid)+"\" name=\""+rs_inputstart(recid)+"\"/>";
    
    str = str + "<input type=\"text\" id=\""+rs_inputend(recid)+"\" name=\""+rs_inputend(recid)+"\"/> ";
    
    str = str + "</form>";

    
    $("#"+rs_buttonarea(recid)).append( str );
    
    $("#"+trx_stopbut(recid)).hide();
    $("#"+trx_downbut(recid)).hide();
    
    console.log("[rec_new] Hide Start Button");
    //$("#"+trx_startbut(recid)).css("display","none");
    
    
    console.log("[rec_new] add form "+ formid );
    
    
    $("#"+rs_buttonarea(recid)).append( "\<div class=\"dellink\" \> <a href=\"#\"> cancella</a> \</div\>" );

    // INSERT AND POPULATE BUTTON AREA
    $("#"+rs_trxarea(recid)).append( "<div id=\""+trx_logarea(recid)+"\" class=\"logarea\">Nuova trasmissione </div>" );
    
    $("#"+trx_startbut(recid)).click(function(){
        ChangeState(recid, trx_startbut(recid) , trx_stopbut(recid));
    });

    $("#"+trx_stopbut(recid)).click(function(){
        ChangeState(recid, trx_stopbut(recid) , trx_downbut(recid));
    });
    
    // $("#"+trx_downbut(recid)).submit(function(e){
    $("#"+formid).submit(function(event){
      
        event.preventDefault();
        dataString = $(this).serialize();
        alert("Mando:" + dataString);
        RecAjax("/create", dataString);
        /* 
        var request = $.ajax({
          type: "POST",
		  cache: false,
          url: "http://127.0.0.1:8000/create",
          data: dataString,
          dataType: "json"
          });
        
        request.done( function(data) { 	
						 $.each(data, function(key, val) {
								console.log("Key " + key + " > VAL " + val );
								$("#"+trx_logarea( recid )).append( "Key " + key + " > VAL " + val + "<br>"  );
						});

						console.log("Req OK: "+ data); 
						console.log("req"+ request);
					} );

		request.fail(function (jqXHR, textStatus, errorThrown){

	       console.error("The following error occured: "+
		      jqXHR.status, +"-"+ textStatus + "-" + errorThrown
    	   );
        });
    */
    });
    
    console.log("Form readyReady");
}

function RecAjax(apipath, dataString) {
    
    var request = $.ajax({
        type: "POST",
		cache: false,
        url:  srvaddr + "/" + apipath,
        data: dataString,
        dataType: "json"
    });
        
    request.done( function(data) { 	
        $.each(data, function(key, val) {
            console.log("Key " + key + " > VAL " + val );
    		$("#"+trx_logarea( recid )).append( "Key " + key + " > VAL " + val + "<br>"  );
        });
        console.log("Req OK: "+ data); 
        console.log("req"+ request);
    } );

    request.fail(function (jqXHR, textStatus, errorThrown){
        console.error("The following error occured: "+
            jqXHR.status, +"-"+ textStatus + "-" + errorThrown );
    });
}

function ChangeState(eid, from, to) {
  
  console.log("ChangeState: " + from + " --> " + to );
  
  $("#"+from).css("display", "none");
  $("#"+to).css("display", "inline");

  // take the date
  var myDate = new Date()
  var displayDate = (myDate.getMonth()+1) + '/' + (myDate.getDate()) + '/' + myDate.getFullYear();
  displayDate = displayDate +' '+ myDate.getHours()+':'+myDate.getMinutes()+':'+myDate.getSeconds();
  
  var formid = rs_formid( eid );
  var logdiv = trx_logarea( eid );
  
  if ( from == trx_startbut(eid) ) {
    $("#"+logdiv).append("<br/>Inizio: "+ displayDate);
    $("#"+rs_inputstart(eid)).val( displayDate);
    console.log("set "+rs_inputstart(eid)+ " to "+ displayDate )
  }
  
  if ( from == trx_stopbut(eid) ) {
    $("#"+logdiv).append("<br/>Fine: "+ displayDate);
    $("#"+rs_inputend(eid)).val( displayDate);
    console.log("set "+rs_inputend(eid)+ " to "+ displayDate )
  }

} // End function ChangeState