import { makeAutoObservable } from "mobx";
import { http } from "../utils/http";

export class Transaction {
  page = 0;
  pageSize = 10;
  data = [];
  total_data = 0;


  filterSubCategory = null;
  visibleModalProduct = false;
  visibleModalTransaction = false;
  pageSizeDetail=10;
  pageDetail=0

  pageCategories = 0;
  pageSizeCategories = 10;
  dataCategories = [];
  total_dataCategories = 0;

  pageSubCategories = 0;
  pageSizeSubCategories = 10;
  dataSubCategories = [];
  total_dataSubCategories = 0;
  filterSubCategory = null;

  pageHistoryTransaction = 0;
  pageSizeHistoryTransaction = 10;
  dataHistoryTransaction = [];
  total_dataHistoryTransaction = 0;

  pageHistoryTransactionDetailUser = 0;
  pageSizeHistoryTransactionDetailUser = 10;
  dataHistoryTransactionDetailUser = [];
  total_dataHistoryTransactionDetailUser = 0;

  pageHistoryTopUp = 0;
  pageSizeHistoryTopUp = 10;
  dataHistoryTopUp = [];
  total_dataHistoryTopUp = 0;

  dataTransaction = [];
  dataTransactionB2B = [];
  dataTransactionPartner = [];
  total_dataDetailHistoryTransactionDetailUser=0;

  
  //filter
  visibleModalFilterTransaction = false;
  filterStart = null;
  filterEnd = null;
  filterStartDetailUser = null;
  filterEndDetailUser = null;
  constructor(ctx) {
    this.ctx = ctx;
    makeAutoObservable(this);
  }


  async getData() {
    try {
      const response = await http.get(
        `/product/by-categories-all?sub-category=${this.filterSubCategory}&page=${this.page}&pageSize=${this.pageSize}`
      );
      this.data = response.body.data ?? [];
      this.total_data = response?.body?.count ?? 0;
    } catch (e) {
      console.error(e);
    }
  }

  async getDataTransaction() {
    try {
      const response = await http.get(`/transaction/total-order`);
      //console.log(response)
      this.dataTransaction = response.body.data;
    } catch (e) {
      console.error(e);
    }
  }

  async getDataTransactionB2B() {
    try {
      const response = await http.get(`/transaction/total-order-b2b`);
      //console.log(response)
      this.dataTransactionB2B = response.body.data;
    } catch (e) {
      console.error(e);
    }
  }

  async getDataTransactionPartner() {
    try {
      const response = await http.get(`/transaction/total-order-partner`);
      //console.log(response)
      this.dataTransactionPartner = response.body.data;
    } catch (e) {
      console.error(e);
    }
  }

  async getDataSubCategories() {
    try {
      const response = await http.get(
        `/product/sub-categories?category=${this.filterCategory}&page=${this.pageSubCategories}&pageSize=${this.pageSizeSubCategories}`
      );
      this.dataSubCategories = response.body.data ?? [];
      this.total_dataSubCategories = response.body.count ?? 0;
    } catch (e) {
      console.error(e);
    }
  }

  async getDataCategories() {
    try {
      const response = await http.get(
        `/product/categories?page=${this.pageCategories}&pageSize=${this.pageSizeCategories}`
      );
      this.dataCategories = response.body.data ?? [];
      this.total_dataCategories = response?.body?.count ?? 0;
      if (this.dataCategories.length > 0) {
        this.filterCategory = this.dataCategories[0].id;
      }
    } catch (e) {
      console.error(e);
    }
  }

  async getDataHistoryTransaction() {
    try {
      const response = await http.get(
        `/transaction/history?page=${this.pageHistoryTransaction}&pageSize=${this.pageSizeHistoryTransaction}&start=${this.filterStart}&end=${this.filterEnd}`
      );
      console.log(response);
      this.dataHistoryTransaction = response.body.data ?? [];
      this.total_dataHistoryTransaction = response?.body?.count ?? 0;
    } catch (e) {
      console.error(e);
    }
  }

  async getDetailHistoryTransaction(id) {
    try {
      const response = await http.get(`/transaction/history-user/${id}?page=${this.page}&pageSize=${this.pageSize}&start=${this.filterStartDetailUser}&end=${this.filterEndDetailUser}`);
      console.log(response,'Data Trans');
      this.dataDetailHistoryTransactionDetailUser = response.body.data ?? [];
      this.total_data = response?.body?.count ?? 0;
    } catch (e) {
      console.error(e);
    }
  }

  async getDataHistoryTopUp(id) {
    try {
      const response = await http.get(
        `/transaction/history-deposit?page=${this.pageHistoryTopUp}&pageSize=${this.pageSizeHistoryTopUp}&user-destination=${id}`
      );
      console.log(response,'get data history')
      this.dataHistoryTopUp = response.body.data ?? [];
      this.total_dataHistoryTopUp = response?.body?.count ?? 0;
    } catch (e) {
      console.error(e);
    }
  }

  async create(data) {
    try {
      const response = await http.post("/product").send(data);
      await this.getData();
      return response;
    } catch (e) {
      console.error(e);
    }
  }

  async buyProduct(data) {
    try {
      const response = await http.post("/transaction/order").send(data);
      return response;
    } catch (e) {
      console.error(e);
    }
  }

  async buyProd(data) {
    const response = await http.post("/transaction/order-prod").send(data);
    console.log(response)
    return response;
  }

  async update(id, data) {
    try {
      const response = await http.put(`/product/${id}`).send(data);
      await this.getData();
      return response;
    } catch (e) {
      console.error(e);
    }
  }

  async delete(id) {
    try {
      const response = await http.del(`/product/${id}`);
      await this.getData();
      return response;
    } catch (e) {
      console.error(e);
    }
  }

  async distribute(data) {
    try {
      const response = await http.post("/transaction/distribute").send(data);
      return response;
    } catch (e) {
      console.error(e);
    }
  }

  async distributeAdmin(data) {
    try {
      const response = await http
        .post("/transaction/distribute-admin")
        .send(data);
      return response;
    } catch (e) {
      console.error(e);
    }
  }
}