import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../shared/shared.module';
import { MaterialModule } from '../../material/material.module';
import { ProfesorRoutingModule } from './profesor-routing.module';
import { LayoutPageComponent } from './pages/layout-page/layout-page.component';
import { MainComponent } from './pages/main/main.component';
import { CardGruposComponent } from './pages/card-grupos/card-grupos.component';
import { RegistroBitacoraComponent } from './pages/RegistroBitacora/registro-bitacora.component';
import { CentroRecursosComponent } from './pages/centro-recursos/centro-recursos.component';
import { CursoMateriaComponent, ModalAnuncio } from './pages/curso-materia/curso-materia.component';
import { AsistenciaComponent, ModalAsistenciaEdit, ModalLista } from './pages/asistencia/asistencia.component';
import { RegistroCalificacionesComponent } from './pages/registroCalificaciones/registro-calificaciones.component';
import { ModalTarea, TareasComponent } from './pages/tareas/tareas.component';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatTabsModule } from '@angular/material/tabs';
import { NgxEditorModule } from 'ngx-editor';



@NgModule({
  declarations: [
    LayoutPageComponent,
    MainComponent,
    CardGruposComponent,
    RegistroBitacoraComponent,
    CentroRecursosComponent,
    CursoMateriaComponent,
    ModalAnuncio,
    AsistenciaComponent,
    ModalAsistenciaEdit,
    ModalLista,
    RegistroCalificacionesComponent,
    TareasComponent,
    ModalTarea
  ],
  imports: [
    MaterialModule,
    SharedModule,
    CommonModule,
    ProfesorRoutingModule,
    SharedModule,
    MatFormFieldModule,
    MatInputModule,
    FormsModule,
    ReactiveFormsModule,
    MatButtonModule,
    MatCheckboxModule,
    MatTabsModule,
    NgxEditorModule.forRoot({
      locals: {
        // menu
        bold: 'Bold',
        italic: 'Italic',
        code: 'Code',
        blockquote: 'Blockquote',
        underline: 'Underline',
        strike: 'Strike',
        bullet_list: 'Bullet List',
        ordered_list: 'Ordered List',
        heading: 'Heading',
        h1: 'Header 1',
        h2: 'Header 2',
        h3: 'Header 3',
        h4: 'Header 4',
        h5: 'Header 5',
        h6: 'Header 6',
        align_left: 'Left Align',
        align_center: 'Center Align',
        align_right: 'Right Align',
        align_justify: 'Justify',
        text_color: 'Text Color',
        background_color: 'Background Color',

        // popups, forms, others...
        url: 'URL',
        text: 'Text',
        openInNewTab: 'Open in new tab',
        insert: 'Insert',
        altText: 'Alt Text',
        title: 'Title',
        remove: 'Remove',
        enterValidUrl: 'Please enter a valid URL',
      },
    }),
  ]
})
export class ProfesorModule { }
