// View Model 정의
function AppViewModel() {
  var self = this;
  
  self.username = ko.observable('');
  self.password = ko.observable('');
  self.isLoggedIn = ko.observable(false);
  
  self.login = function() {
    // 서버로 로그인 요청 보내기
    $.ajax({
      url: '/login', // 서버의 로그인 API 엔드포인트
      method: 'POST',
      data: {
        username: self.username(),
        password: self.password()
      },
      success: function(response) {
        if (response.success) {
          self.isLoggedIn(true);
          // 로그인 성공 시 처리할 로직
        } else {
          // 로그인 실패 시 처리할 로직
        }
      },
      error: function(xhr, status, error) {
        // Ajax 요청 에러 처리
      }
    });
  }
  
  self.logout = function() {
    // 서버로 로그아웃 요청 보내기
    $.ajax({
      url: '/logout', // 서버의 로그아웃 API 엔드포인트
      method: 'POST',
      success: function(response) {
        if (response.success) {
          self.isLoggedIn(false);
          // 로그아웃 성공 시 처리할 로직
        } else {
          // 로그아웃 실패 시 처리할 로직
        }
      },
      error: function(xhr, status, error) {
        // Ajax 요청 에러 처리
      }
    });
  }
}

// Knockout.js 바인딩
ko.applyBindings(new AppViewModel());