import {CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA, LOCALE_ID} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {ServiceWorkerModule} from '@angular/service-worker';
import {registerLocaleData} from '@angular/common';
import {CarouselModule} from 'ngx-bootstrap/carousel';
import {AppComponent} from './app.component';
import {AppRoutingModule} from './app-routing.module';
import {CollapseModule} from 'ngx-bootstrap/collapse';
import {DeviceDetectorModule} from 'ngx-device-detector';
import { CoreModule } from '@core/core.module';
import { env } from '@env';
import ptPT from '@angular/common/locales/pt-PT';

registerLocaleData(ptPT)

@NgModule({
  declarations: [
    AppComponent
    // Removidas todas as declarações de componentes
    // diretamente no AppModule, estes agora vem de
    // CoreModule, deixando o AppModule mais limpo
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    CoreModule,
    // Módulos iniciais (sem configuração)
    // também foram movidos para serem servidos a partir
    // do CoreModule
    CarouselModule.forRoot(),
    CollapseModule.forRoot(),
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: env.production }),
    DeviceDetectorModule.forRoot(),
    // GtagModule.forRoot({ trackingId: 'UA-77961340-1', trackPageviews: true }),
  ],
  providers: [
    {provide: LOCALE_ID, useValue: 'pt-PT'},
  ],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA,
    NO_ERRORS_SCHEMA
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }