//order_period.js

$('#paypal_id').click(function() {
  var pp_email = document.getElementById("paypal-email");
  var cl_email = document.getElementById("email");
  var cl_emailval =  cl_email.value;
  pp_email.setAttribute( "value" , cl_emailval);
  pp_email.setAttribute( "placeholder" , cl_emailval );
  var pt_paypal = document.getElementById("paypal_payment");
  var pt_creditcard = document.getElementById("creditcard_payment");
  pt_paypal.setAttribute( "selected" , "selected" );
  pt_creditcard.removeAttribute( "selected" );
})

$('#creditcard_id').click(function() {
  var pt_paypal = document.getElementById("paypal_payment");
  var pt_creditcard = document.getElementById("creditcard_payment");
  pt_creditcard.setAttribute( "selected" , "selected" );
  pt_paypal.removeAttribute( "selected" );
})

$('#order_finish_create').click(function() {

})

  //validation function - check required fields not empty point to it and shows red message:
function check_required_field(fieldid,alertid,scrollid){  
   if(document.getElementById(fieldid).value.length == 0) {//'firstname'
    //$(alertid).show();//"#firstnamerequired"
    //$(alertid).attr('display','block');
    $(alertid).css("display", "inline-block");
    document.getElementById(fieldid).focus();//'firstname'
    //$(scrollid).scrollTop();//"#firstnamerequired"
    $('html, body').animate({scrollTop: $(scrollid).offset().top -100 }, 'slow');
    return false;
  }else{
    //$(alertid).hide();//"#firstnamerequired"
    $(alertid).css("display", "none");//attr('display','none');
  }
  return true;
}

//send request to portalbackend for save Uber Client to PortalDB by uber_client_id
function save_uber_client(client_id){
   //var client_id = prompt("Please enter uber client_id", "1234");
   alert('save_uber_client :!,client_id to save: '+client_id); 
    if (client_id != null) {       
       
       $.ajax({
	 method: "POST",
//	 url: "https://portalbackend.innoscale.net/uber_clients/add",
         url: 'https://portalbackend.innoscale.net' + "/uber_clients/add",
	 data: {"uber_client_id":client_id}
       })
       .done(function( data ) {
	 //var ddata;
         //TODO: set date return result format with error handling fields
	 alert('debug! result:'+data); 
	 if( data.search(/error/) != -1 ){//if(ddata['status']=='error'){
           alert('Order status :error!, '+data); 
	 }    
         if( data.search(/success/)!= -1 ){//    if(ddata['status']=='success'){
	    alert("Uber Client :"+client_id+", added result: "+JSON.stringify(data)); 
           //here we show result order succes info page:
      //$('#order_submit_form').html(data);
      //$('.order_commit').click(function() { order_commit_handler($(this)); } );
      //$("#order_submit_form").scrollTop();
           //TODO: format data for user final page info
         }
       })
       .fail(function( data ) {
          alert('Error uber client add! result:'+JSON.stringify(data)); 
       });
       
    } 
    return false;  
}

//get_order client_id step for save new client into Portal DB
function get_order_client_id(orderhash){
  //here first we post order_hash to our backend
  $.ajax({
    method: "POST",
//    url: "https://devportal.innoscale.net/order_getclientid.php",
    url: 'https://portaltmp.innoscale.net' + "/order_getclientid.php",
  //  dataType: 'json',
    data: {data:{order_hash:orderhash}}
  })
  .done(function( data ) {
       //TODO: set date return result format with error handling fields
//alert('debug! result:'+JSON.stringify(data)); 
    if (!data || data.ERROR) { 
       alert('Order get_client status :error!, '+JSON.stringify(data)); 
       return;
    }
    alert("get_order_client_id("+orderhash+"): "+JSON.stringify(data));
    save_uber_client(JSON.stringify(data));
    //$('#order_submit_form').html(data['response']);
    //get_order_client_id(order_hash);
    //TODO: format data for user final page info
  })
  .fail(function( data ) {
    alert('Error get_order! result:'+JSON.stringify(data)); 
  });
  return false;
}

//commit step
function order_commit_handler() {
  //here we check term agreement first:
  if(!document.getElementById('termservicecheckboxclassid').checked) {
    $("#termservicerequired").show();
    return;
  }else{
    $("#termservicerequired").hide();
  }

  //to prevent double click
  $('.order_commit').addClass('disabled');  
  
  function formfields(){
     var commit_request = {plan:200,order_hash:'',commit:true};
     var data_forms = document.getElementsByTagName('input');
     for (i = 0; i < data_forms.length; i++)  {
        var prop_name=data_forms[i].getAttribute("name");
	if(prop_name=="order_hash"){//	if(commit_request.hasOwnProperty(prop_name)){
          commit_request[prop_name] = data_forms[i].value;
	}  
     }
     return JSON.stringify(commit_request);
  }  
    
  var form_data=formfields();  //alert(JSON.stringify(form_data));
  var form_data_obj=JSON.parse(form_data);
  var order_hash=form_data_obj["order_hash"];
  
  $.ajax({
    method: "POST",
//    url: "http://devsec.innoscale.net/neworder_data_np.php",
    url: 'https://secure.innoscale.net' + "/neworder_data_np.php",
  //  dataType: 'json',
    data: {data:form_data}
  })
  .done(function( data ) {
       //TODO: set date return result format with error handling fields
//alert('debug! result:'+JSON.stringify(data)); 
    if (!data || data.ERROR) { 
       alert('Order commit status :error!, '+JSON.stringify(data)); 
       return;
    }
    
    $('#order_submit_form').html('<div style="display: table; overflow: hidden; width:100%;height:100vh; ">'+
				   '<div style="display: table-cell; vertical-align: middle;">'+
				     '<div style="text-align:center;margin-right:20%">'+data['response']+'</div>'+
                                     '<div style="text-align:center;margin-right:20%">'+'You Are Welcome to Login here :  </div>'+
				     '<div style="text-align:center;margin-right:20%"><a href="https://secure.innoscale.net">'+'https://secure.innoscale.net'+'</a>'+
				 '</div></div></div>');
   // get_order_client_id(order_hash);
    //TODO: format data for user final page info
  })
  .fail(function( data ) {
    alert('Error commit! result:'+JSON.stringify(data)); 
  });
  return false;
}
/*
$('.order_commit').click(function() { 

  order_commit_handler($(this)); 

})
*/

//submit step
/*
$('.order_submit').click(function() {

  order_submit_handler($(this)); 

})*/

function order_submit_handler(){
    var payment = document.getElementById("paymenttype");
    if (payment.options[payment.selectedIndex].value == 'creditcard') {
      if(!check_required_field('card-holder-name',"#cardholdernamerequired","#cardholdernamerequired")){ return false; }
      if(!check_required_field('card-number',"#cardnumberrequired","#cardnumberrequired")){ return false; }

      var exmonth = document.getElementById('expiry-month');
      if (exmonth){
//        alert("exmonth.selectedIndex:" + exmonth.selectedIndex);
	if (exmonth.selectedIndex == 0) {
	  $("#exmonthrequired").css("display", "inline-block");
	  document.getElementById('expiry-month').focus();//'firstname'
	  $('html, body').animate({scrollTop: $("#exmonthrequired").offset().top -100 }, 'slow');
	  return false;
	}else{
          $("#exmonthrequired").css("display", "none");
        }
      }else {return false;}

      var exyear = document.getElementById('expiry-year');
      if (exyear){
    //    alert("exyear.selectedIndex:" + exyear.selectedIndex);
	if (exyear.selectedIndex == 0) {
	  $("#exyearrequired").css("display", "inline-block");
	  document.getElementById('expiry-year').focus();//'firstname'
	  $('html, body').animate({scrollTop: $("#exyearrequired").offset().top -100 }, 'slow');
	  return false;
	}else{
          $("#exyearrequired").css("display", "none");
        }
      }else {return false;}

      if(!check_required_field('cvv',"#cvvrequired","#cvvrequired")){ return false; }
     // return false;
    }

  if(!check_required_field('firstname',"#firstnamerequired","#firstnamerequired")){ return false; }
  if(!check_required_field('lastname',"#lastnamerequired","#lastnamerequired")){ return false; }
  if(!check_required_field('city',"#cityrequired","#cityrequired")){ return false; }
  if(!check_required_field('zipcode',"#zipcoderequired","#cityrequired")){ return false; }
  //TODO: set password validation:[0] => is too short (minimum is 8 characters) [1] => should include uppercase and lowercase characters
  if(!check_required_field('password',"#passwordrequired","#passwordrequired")){ return false; }
  if(!check_required_field('email',"#emailrequired","#emailrequired")){ return false; }

  //to prevent double click
  $('.order_submit').addClass('disabled');  
return true;
}
/*
  function contforms() {
    var data_forms = document.getElementsByTagName('input');
    var data_select_forms = document.getElementsByTagName('select');
//    data_forms.push(data_select_forms);
    var form_data={};
    for (i = 0; i < data_forms.length; i++)  {
        var prop_name=data_forms[i].getAttribute("name");
        form_data[prop_name] =  data_forms[i].value;
    }
    for (i = 0; i < data_select_forms.length; i++)  {
        var prop_name=data_select_forms[i].getAttribute("name");
        form_data[prop_name] =  data_select_forms[i].value;
    }
    return form_data;
  }

  var form_data=contforms();

  //Here we prepare ajax request to uber_module :
  var data_arr_create = {plan:200,create:true,// "update"=>true,"order_hash"=>"b71fe-abe5a",
       submit:{
         hostname:"",password:"",
	 client_id:"",
         p:1,
         u:{1327:3346,1330:3960,1332:3330,1334:3441,1342:3342,1351:3969,
                    1370:3351,1371:3347,1373:3848,1378:3352,1384:3549},
         account:{
            server:'',
            first:'',
            last:'',
            company:'',
            address:'',
            address2:'',
            city:'',
            country:'',
            state:'',
            zip:'',
            phone:'',
            fax:'',
            email:'',
            uber_pass:'',
            referred:'',
            coupon:''
	 },
         billing:{
            cc_first:'',
            cc_last:'',
            cc_company:'',
            cc_address:'',
            cc_address2:'',
            cc_city:'',
            cc_country:'',
            cc_state:'',
            cc_zip:'',
            cc_phone:'',
            cc_fax:'',
            cc_email:''
	  },

          payment:{
            payment_type:'charge',
            card_type:'visa',
            cc_num:'',
            cc_exp:'0715'
	  }
       }
  };
  var data_arr_commit = {plan:200,order_hash:"b71fe-abe5a",commit:true};
 
 // alert("submit4parse:"+form_data['submit']);
var submit = JSON.parse(form_data['submit']);
//  alert("show submit.jsonparse:"+JSON.stringify(submit));
//var submit=form_data['submit'];// json_decode($_POST['data']['submit'],true);
//echo "_____submit:";
//print_r($submit);
data_arr_create['submit']['u']=submit['u'];
data_arr_create['submit']['p']=submit['p'];
data_arr_create['submit']['hostname']=submit['hostname'];
data_arr_create['submit']['password']=form_data['password'];
data_arr_create['submit']['client_id']=form_data['client_id'];

//error_log(json_encode(data_arr_create)){
//alert("form_data:".json_encode(form_data));

for (var key in  data_arr_create['submit']['account']){
  if(form_data.hasOwnProperty(key)){
    data_arr_create['submit']['account'][key]=form_data[key];
  //TODO: if isset $_POST['data']['set_as_account']
    if(data_arr_create['submit']['billing'].hasOwnProperty("cc_"+key )) {
      data_arr_create['submit']['billing']["cc_"+key]=data_arr_create['submit']['account'][key];
    }
  }
}
//This check if paypal email is set choose it as default:
//class="paymenttype active"
var payment_type = document.getElementsByClassName('paymenttype active');
    //for (i = 0; i < data_forms.length; i++)  {
var payment_id=payment_type[0].getAttribute("id");
   //form_data['payment-email']      
if(payment_id=='paypal_id'){
  data_arr_create['submit']['payment']['payment_type']='paypal';
  data_arr_create['submit']['payment']['payment_email']=form_data['payment-email'];
}else{
  data_arr_create['submit']['payment']['cc_num']=form_data['cc_num'];
  data_arr_create['submit']['payment']['cc_exp']="" + form_data['expiry-month']+"" +""+ form_data['expiry-year'];
}
data_arr_create['submit']['account']['server']=submit['hostname'];
data_arr_create['submit']['account']['uber_pass']=data_arr_create['submit']['password'];

//alert('request2uber_createorder:'+JSON.stringify(data_arr_create));
//alert("php uber url:" + 'https://secure.innoscale.net' + "!!!");
  $.ajax({
    method: "POST",
//    url: "http://devsec.innoscale.net/neworder_data_np.php",
    url: 'https://secure.innoscale.net' + "/neworder_data_np.php",
  //  dataType: 'json',
    data: {data:JSON.stringify(data_arr_create)}
  })
  .done(function( data ) {
       //TODO: set date return result format with error handling fields
//alert('debug! result:'+JSON.stringify(data)); 
    if (!data || data.ERROR) { 
       alert('Order submit status :error!, '+JSON.stringify(data)); 
       return ;
    }
 //alert('data[order_hash] :'+data['order_hash']);
    //here order is created and we send order_hash 
    //here we call comit request handler when create_request is occurred
    generate_comit_form(data['order_hash'],data_arr_create);
    return;
    //TODO: format data for user final page info
  })
  .fail(function( data ) {
    alert('Error create! result:'+JSON.stringify(data)); 
    return ;
  });  

})*/

function generate_comit_form(orderhash,data_arr_create){
  //here is old section to work with uber through portal 
//  alert("generate_commit uber_create_result:" + JSON.stringify(orderhash));
//  alert('generate_commit_form:'+JSON.stringify(data_arr_create));
  $.ajax({
    method: "POST",
//    url: "https://devportal.innoscale.net/order_submit.php", //url: "https://portaltmp.innoscale.net/order_submit.php",
    url: 'https://portaltmp.innoscale.net' + "/order_submit.php",
    data: {"data":{order_hash:orderhash,submit:JSON.stringify(data_arr_create['submit'])}}
  })
  .done(function( data ) {
    var ddata;
       //TODO: set date return result format with error handling fields
//alert('debug! result:'+data); 
    if( data.search(/error/) != -1 ){//if(ddata['status']=='error'){
       alert('Order status :error!, '+data); 
    }

    if( data.search(/success/)!= -1 ){//    if(ddata['status']=='success'){
      //here we show result order succes info page:
      $('#order_submit_form').html(data);
      $('.order_commit').click(function() { order_commit_handler($(this)); } );
      $("#order_submit_form").scrollTop();
    //TODO: format data for user final page info
    }
  })
  .fail(function( data ) {
    alert('Error order_submit! result:'+JSON.stringify(data)); 
  });
}