wApp = {
  web3Provider: null,
  contracts: {},
	
  init: function() {
   
  },

  initWeb3: function() {
	
  },

  initContract: function() {
		
  },

  buyRealEstate: function() {	

  },

  loadRealEstates: function() {
	
  },
	
  listenToEvents: function() {
	
  }
};

$(function() {
  $(window).load(function() {
    App.init(); //일단 실행되면 App.init()이 실행된다 
  });
});

  init: function() {
    $.getJSON('../real-estate.json', function(data) {
        //real-estate.json의 경로를 알려주고 펑션을통해 콜백으로 데이터를 받는다. 
        //list : 아이디가 리스트인 div의 정보를 담는 변수
      var list = $('#list');
        //list : 아이디가 리스트인 div의 정보를 담는 변수
      
      var template = $('template');
        //template의 정보를 담는 정수 

      for (i = 0 ; i <data.length; i++) { 
          //for루프로 데이터 길이만큼 돌리겠다. 
          //json배열을 하나하나 읽어서 template에 담음 picture필드에 있는 값을 찾도록
          //제이슨 배열 각인덱스에 있는 src필드에 있는 picture를 갖도록 하는 것
        template.find('img').attr('src', data[i].picture);
        //id필드를 찾고 그 값을 보이게 할고다!
        template.find('.id').text(data[i].id);
        template.find('.type').text(data[i].type);
        template.find('.area').text(data[i].area);
        template.find('.price').text(data[i].price);
        
          //리스트 변수에 완성된 템플릿을 추가합니다. 
          
        list.append(template.html());
          //리스트 변수에 완성된 템플릿을 추가합니다. 
          // 아이디가 list인 div에 열개인 템플릿을 받는다. 
      }
    })
   
  }

 // function init() 마지막에
 
 return App.initWeb3();

  initWeb3: function() {
    if (typeof web3 != 'undefined') { 
      App.web3.Provider = web3.currentProvider;
      web3 = new Web3(web3.currentProvider);
    } else {
      App.web3Provider = new web3.providers.HttpProvider('http://localhost : 8545');
      web3 = new Web3(App.web3Provider);
    }
    return App.initContract();	
  },

  buyRealEstate: function() {	
    var id = $('#id').val();	
    var name = $('#name').val();	
    var price = $('#price').val();	
    var age = $('#age').val();

    web3.eth.getAccounts(function(error,accounts) {
      if(error) {
        console.log(error);
      }
      //첫번째 계정을 뜻한다. 
      var account = accounts[0];
      App.contracts.RealEstate.deployed().then(function(instance) {
        var nameUtf8Encoded = utf8.encode(name);        
        //한글일 경우를 대비해서 UTF8로 인코딩 시킨다.
        //매물구입함수에 준비된 데이터를 넘기자
        console.log(nameUtf8Encoded);
        return instance.buyRealEstate(id,web3.teHex(nameUtf8Encoded), age, {from : account, value:price});
        //인코딩 된 이륾은 또 hex로 바꿔서 보내줘야 한다. 
        //account 는 어디서 등장? web3를 통해 노드에 연결된 계정들을 불러온다.       
      }).then(function() {
       $('#name').val('');
       $('#age').val('');
       $('#buyModal').modal('hide');
       return App.loadRealEstates();
     }).catch(function(err) {
       console.log(err.message);
     });
    });
  }

loadRealEstates: function() {
    //getAllBuyers 함수를 가져와서 for 루프로 돌린다. 
    App.contracts.RealEstate.deployed().then(function(instance) {
      return instance.getAllBuyers.call();
    }).then(function(buyers) {
      for (i =0 ;i<buyers.length;i++) {
        // 만약 해당 인덱스에 주소가 존재한다면
        if (buyers[i] !== '0x0000000000000000000000000000000000000000'){
        //이더리움에서는 null 쓰지 않고 주소값 그대로 넣어줌 
          var imgType = $('.panel-realEstate').eq(i).find('img').attr('src').substr(7);

          switch(imgType) {
            case 'apartment.img' : 
              $('.panel-realEstate').eq(i).find('img').attr('src','images/apartment_sold.jpg');
              break;
            case 'townhouse.img' : 
              $('.panel-realEstate').eq(i).find('img').attr('src','images/townhouse_sold.jpg');
              break;
            case 'house.img' : 
              $('.panel-realEstate').eq(i).find('img').attr('src','images/house_sold.jpg');
              break;
          }
 // 해당 템플릿에서 매입버튼을 매각으로 바꾸고 비활성화
          $('.panel-realEstate').eq(i).find('.btn-buy').text('매각').attr('disabled',true); 
        }
      }
    }).catch(function(err) {
      console.log(err.message);
    })
  }

          $('.panel-realEstate').eq(i).find('.btn-buyerInfo').removeAttr('style');
          //해당 탬플렛을 찾고 그 안에 스타일 속성을 없엔다

  //buyerModalInfo 가 열려져 있을 때 매입자 정보를 보여와서 보여주는 코드
  
  $('#buyerInfoModal').on('show.bs.modal',function(e){
    var id = $(e.relatedTarget).parent().find('.id').text();
    
    App.contracts.RealEstate.deployed().then(function(instance) {
      return instance.getBuyerInfo.call(id);
    }).then(function(buyerInfo) {
      $(e.currentTarget).find('#buyerAddress').text(buyerInfo[0]);
      $(e.currentTarget).find('#buyerName').text(web3.toUtf8(buyerInfo[1]));
      $(e.currentTarget).find('#buyerAge').text(buyerInfo[2]);
    }).catch(function(err) {
      console.log(err.message);
    })
  });