import Realm from "realm";
import { ActivityIndicator } from "react-native";

import { RealmProvider, AppProvider, UserProvider } from "@realm/react";

// Models:
import { ShoppingItem, ShoppingList } from "../models/ShoppingItem";
import { Adress, PaymentInfo, Transactions, Users } from "../models/Users";
import { Followed } from "../models/Followed";
import { Follower } from "../models/Follower";

import { Recipe, Ingredient, Preparation } from "../models/Recipe";

// Components:
import Login from "../components/auth/login";

import { globalStyles } from "../constants/style";

const appId = "********";

export const RealmCustomProvider = ({ children }) => {
  const realmAccessBehavior = {
    type: "openImmediately",
  };

  return (
    <AppProvider id={appId}>
      <UserProvider fallback={Login}>
        <RealmProvider
          schema={[
            ShoppingList,
            ShoppingItem,
            Users,
            Followed,
            Follower,
            PaymentInfo,
            Transactions,
            Adress,
            Recipe,
            Ingredient,
            Preparation,
          ]}
          sync={{
            flexible: true,
            newRealmFileBehavior: realmAccessBehavior,
            existingRealmFileBehavior: realmAccessBehavior,
            // initialSubscriptions: {
            //   update: (subs, realm) => {
            //     subs.add(realm.objects("Users"));
            //   },
            //   rerunOnOpen: true,
            // },
            onError: console.error,
          }}
        >
          {children}
        </RealmProvider>
      </UserProvider>
    </AppProvider>
  );
};

  const list = useQuery(ShoppingList, (collection) =>
    collection.filtered("_id == $0", id)
  );

  useEffect(() => {
    const createSubscription = async () => {
      await list.subscribe({ name: "listSub" });
    };

    createSubscription();
  }, [realm]);