Sveltekit + simple Appwrite database

<script lang="ts">

export async function getIdeas() {
    return await databases.listDocuments(
        DATABASE_ID,
        COLLECTION_ID,
        // Use a query to show the latest ideas first
        [Query.orderDesc('$createdAt')]
    );
}

export async function addIdea(Email, CIty) {
    await databases.createDocument(DATABASE_ID, COLLECTION_ID, ID.unique(), {
        Email,
        CIty
  });
}

export async function deleteIdea(id) {
    await databases.deleteDocument(DATABASE_ID, COLLECTION_ID, id);
}

async function handleSubmit() {
    try {
      if (!Email || !CIty) throw new Error("Please fill out both fields.");
      
      // Add the idea with email and city to the database
      await addIdea(Email, CIty);
      
      // Clear input fields after successful submission
      Email = '';
      CIty = '';

      alert("Thank you! You've been added to our notification list.");
    } catch (error) {
      console.log(error);
      alert("Something went wrong while submitting your request. Please try again later.");
    }
  }


</script>

<main class="container px-6 py-8 mx-auto max-w-screen-md">
  <h2 class="mb-5 text-xl font-bold leading-tight tracking-tighter md:text-2xl"> subscribe</h2>
  <div class="grid grid-cols-2 gap-4 w-full">
    <FlowbiteInput bind:value={Email} type="email" placeholder="Your Email Address" />
    <FlowbiteInput bind:value={CIty} type="text" placeholder="Your City" />
  </div>
  <button on:click={handleSubmit} >Subscribe</button>
</main>

const client = new Client();
client
  .setEndpoint("https://cloud.appwrite.io/v1")
  .setProject("project id"); // Replace with your project ID

export const account = new Account(client);
export const databases = new Databases(client); ```

export async function addIdea(Email, CIty) {
    console.log(DATABASE_ID);
    console.log(COLLECTION_ID);

    try {
      await databases.createDocument(DATABASE_ID, COLLECTION_ID, ID.unique(), {
           Email,
           CIty
         }
      );
    } catch (error: any) {
      console.log(error);
    }
}