import { token } from "./stores.js"
import axios from "axios";

let url = window.BASE_URL;
let current_token;
token.subscribe(value => {
    current_token = value;
})

export async function login({ username, password }) {
    const endpoint = url + "/api/auth/login";
    const response = await axios({
        url: endpoint,
        method: "POST",
        data: JSON.stringify({
            username,
            password,
        }),
    })
    token.set(response.data.token);
    return response.data;
}

export async function register({ email, username, password }) {
    const endpoint = url + "/api/user/register";
    const response = await axios({
        url: endpoint,
        method: "POST",
        data: JSON.stringify({
            email,
            username,
            password,
        }),
    })
    token.set(response.data.token);
    return response.data;
}

export async function getTags() {
    const endpoint = url + "/api/tag";
    const response = await axios.get(endpoint);
    return response.data;
}

export async function getTag({ tag }) {
    const endpoint = url + "/api/tag/" + tag;
    const response = await axios.get(endpoint);
    return response.data;
}

export async function getTagAutocomplete() {
    const endpoint = url + "/api/tag/autocomplete";
    const response = await axios.get(endpoint);
    return response.data;
}
export async function getPosts({ page }) {
    const endpoint = url + "/api/post?page=" + page;
    const response = await axios.get(endpoint);
    return response.data;
}

export async function getPostSearchTag({ page, q }) {
    if (q) {
        const endpoint = url + "/api/post?tags=" + q + "&page=" + page;
        const response = await axios(endpoint);
        return response.data;
    } else {
        const endpoint = url + "/api/post?page=" + page;
        const response = await axios(endpoint);
        return response.data;
    }
}

export async function getPost({ id }) {
    const endpoint = url + "/api/post/" + id;
    const response = await axios(endpoint);
    return response.data;
}

export async function uploadBlob({ file, onProgress }) {
    var formData = new FormData();
    formData.append("file", file);
    const endpoint = url + "/api/blob/upload";
    const response = await axios({
        url: endpoint,
        method: "POST",
        headers: {
            'Authorization': 'Bearer ' + current_token,
            'Content-Type': 'multipart/form-data',
        },
        withCredentials: true,
        data: formData,
        onUploadProgress: e => {
            if (onProgress) {
                onProgress(e)
            }
        }
    })
    return response.data;
}

export async function postCreate({ blob_id, source_url, tags }) {
    const endpoint = url + "/api/post/create";
    const response = await axios({
        url: endpoint,
        method: "POST",
        headers: {
            'Authorization': 'Bearer ' + current_token,
        },
        withCredentials: true,
        data: {
            blob_id, source_url, tags
        }
    })
    return response.data;
}

export async function postUpdate(id, { source_url, tags }) {
    const endpoint = url + "/api/post/" + id;
    const response = await axios({
        url: endpoint,
        method: "POST",
        headers: {
            'Authorization': 'Bearer ' + current_token,
        },
        withCredentials: true,
        data: {
            source_url, tags
        }
    })
    return response.data;
}

export async function postDelete({ id }) {
    const endpoint = url + "/api/post/" + id;
    const response = await axios({
        url: endpoint,
        method: "DELETE",
        headers: {
            'Authorization': 'Bearer ' + current_token,
        },
        withCredentials: true,
    })
    return response.status == 200;
}

export async function getUserProfile() {
    const endpoint = url + "/api/user/profile";
    const response = await axios({
        url: endpoint,
        method: "GET",
        headers: {
            'Authorization': 'Bearer ' + current_token,
        },
        withCredentials: true,
    });
    console.log(response.data);
    return response.data;
}

export async function updateTagNotes(id, { note }) {
    const endpoint = url + "/api/tag/" + id + "/note";
    const response = await axios({
        url: endpoint,
        method: "PUT",
        headers: {
            'Authorization': 'Bearer ' + current_token,
        },
        withCredentials: true,
        data: {
            note
        }
    })
    return response.data;
}

export async function updateTag(id, { name, tagTypeId }) {
    const endpoint = url + "/api/tag/" + id;
    const response = await axios({
        url: endpoint,
        method: "PUT",
        headers: {
            'Authorization': 'Bearer ' + current_token,
        },
        withCredentials: true,
        data: {
            name, tagTypeId
        }
    })
    return response.data;
}


export async function getTagTypes() {
    const endpoint = url + "/api/tagtype";
    const response = await axios.get(endpoint);
    return response.data;
}