import { DragDropModule } from '@angular/cdk/drag-drop'
import { CommonModule } from '@angular/common'
import { NgModule } from '@angular/core'
import { FormsModule } from '@angular/forms'
import { RouterModule, Routes } from '@angular/router'
import { LoadingButtonDirective, ResizeElementDirective } from '@frontend/shared'
import { NgSelectModule } from '@ng-select/ng-select'
import { TranslocoModule } from '@jsverse/transloco'

const routes: Routes = [
	{
		path: '',
		loadComponent: () => import('./room-plan-settings.component').then((m) => m.RoomPlanSettingsComponent),
		children: [
			{
				path: 'details',
				loadComponent: () =>
					import('./details/room-details-settings.component').then((m) => m.RoomDetailsSettingsComponent),
			},
		],
	},
]

@NgModule({
	imports: [
		CommonModule,
		RouterModule.forChild(routes),
		FormsModule,
		DragDropModule,
		NgSelectModule,
		TranslocoModule,
		ResizeElementDirective,
		LoadingButtonDirective,
	],
})
export class RoomPlanModule {}