import { createApp } from "vue";
import { createPinia } from "pinia";
import PrimeVue from "primevue/config";
// import Aura from '@primevue/themes/aura'
import ToastService from "primevue/toastservice";
import ConfirmationService from "primevue/confirmationservice";

// Core components
import Button from "primevue/button";
import InputText from "primevue/inputtext";
import Password from "primevue/password";
import DataTable from "primevue/datatable";
import Column from "primevue/column";
import Card from "primevue/card";
import Toast from "primevue/toast";
import ConfirmDialog from "primevue/confirmdialog";
import Menu from "primevue/menu";
import Menubar from "primevue/menubar";
import Badge from "primevue/badge";
import Tag from "primevue/tag";
import Dropdown from "primevue/dropdown";
import AutoComplete from "primevue/autocomplete";
import Calendar from "primevue/calendar";
import ProgressSpinner from "primevue/progressspinner";
import Dialog from "primevue/dialog";

// PrimeVue CSS
import "primevue/resources/themes/saga-blue/theme.css";
import "primevue/resources/primevue.min.css";

// Icons
import "primeicons/primeicons.css";

// ROA2WEB CSS System (replaces global.css)
import "./assets/css/main.css";

import App from "./App.vue";
import router from "./router";

const app = createApp(App);

// Pinia store
app.use(createPinia());

// Vue Router
app.use(router);

// PrimeVue with default theme
app.use(PrimeVue, {
  ripple: true,
});

// PrimeVue services
app.use(ToastService);
app.use(ConfirmationService);

// Global PrimeVue components
app.component("Button", Button);
app.component("InputText", InputText);
app.component("Password", Password);
app.component("DataTable", DataTable);
app.component("Column", Column);
app.component("Card", Card);
app.component("Toast", Toast);
app.component("ConfirmDialog", ConfirmDialog);
app.component("Menu", Menu);
app.component("Menubar", Menubar);
app.component("Badge", Badge);
app.component("Tag", Tag);
app.component("Dropdown", Dropdown);
app.component("AutoComplete", AutoComplete);
app.component("Calendar", Calendar);
app.component("ProgressSpinner", ProgressSpinner);
app.component("Dialog", Dialog);

app.mount("#app");