API Integration

// Available as this.$http in all components
const base = axios.create({
  baseURL: process.env.VUE_APP_API_URL,  // e.g., "https://tutorbloc.com/api"
  auth: {
    username: process.env.VUE_APP_API_USERNAME,
    password: process.env.VUE_APP_API_PASSWORD
  }
});
Vue.prototype.$http = base;

var request = new XMLHttpRequest();
request.responseType = 'json';
request.withCredentials = true;

return new Promise((resolve, reject) => {
  request.onreadystatechange = function() {
    if (request.readyState !== 4) return;
    if (request.status >= 200 && request.status < 300) {
      resolve(request);
    } else {
      reject(request);
    }
  };
  request.open("GET", `${apiBaseUrl}/endpoint`);
  request.setRequestHeader("Content-Type", "application/json");
  request.setRequestHeader("Accept", "application/json");
  request.setRequestHeader("sessionKey", this.session_key);
  request.send();
});

request.setRequestHeader("sessionKey", this.session_key);
// OR
request.setRequestHeader("sessionKey", this.user.account.session_key);

{
  id: number,
  firstName: string,
  lastName: string,
  email: string,
  role_type: number,          // 1=tutor, 2=student, 3=parent
  session_key: string,
  teaches: [{
    id: number,
    subject: { title: string },
    subject_level: { title: string },
    exam_boards: [{ id, title }],
    hourly_rate: number
  }],
  profile_picture_url: string,
  bio: string,
  education: { university, course, grade, start_date, end_date },
  languages: [string],
  rating: { average_rating: number, number_of_reviews: number },
  tutoring_experience: number,  // months
  video_url: string,
  current_location: string
}

{
  username, email, password,
  firstname, lastname,
  role_type: 1,               // Always tutor for registration
  country_id, dob,
  payment_card: { number, exp_month, exp_year, cvc },
  mobile_number: { country_code, mobile_number },
  dbs: { certificate_number, date_of_issue, file_id },
  address: { line_1, line_2, line_3, post_code, country_name, lat, lng }
}

{
  tutor_id, teach_id,
  location: string,           // "online" | "tutor" | "student"
  duration: number,           // minutes (15-120)
  date: string,               // YYYY-MM-DD
  start: string, end: string, // HH:MM
  message: string,
  // For in-person:
  number, street, town, postcode, lat, lng,
  // Optional:
  file: { id, content }
}

this.apiCall()
  .then(response => { /* handle success */ })
  .catch(err => {
    this.error = err.response?.title || 'Something went wrong';
    this.validInput = false;
  });