import { Component } from '@angular/core';
import { MenuUploadComponent } from '../menu-upload/menu-upload.component';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { FDSelection, weekendFilter } from 'src/app/fd.da';
import { FormControl, FormGroup } from '@angular/forms';
import { Moment } from 'moment';
import { MAT_DATE_RANGE_SELECTION_STRATEGY } from '@angular/material/datepicker';
import * as moment from 'moment';

@Component({
  selector: 'app-menu-add',
  templateUrl: './menu-add.component.html',
  styleUrl: './menu-add.component.scss',
  providers: [
    {provide: MAT_DATE_RANGE_SELECTION_STRATEGY, useClass: FDSelection}
  ]
})
export class MenuAddComponent {
  type: string | undefined;
  filter = weekendFilter

  day: Moment = moment.utc();

  range = new FormGroup({
    start: new FormControl<Moment|null>(null),
    end: new FormControl<Moment|null>(null),
  })

  constructor (public dialogRef: MatDialogRef<MenuAddComponent>, private dialog: MatDialog) { }

  submit() {
    switch (this.type) {
      case "day":
        this.dialogRef.close({type: "day", value: this.day.utc().startOf('day')})
        break;
      case "week":
        this.dialogRef.close({type: "week", value: {start: this.range.value.start?.utc().hours(24), count: 5}})
        break;
      default:
        break;
    }
  }

  activateUpload() {
    this.dialog.open(MenuUploadComponent).afterClosed().subscribe((data) => {
      if (data) {
        this.dialogRef.close({type: "file", ...data});
      }
    })
  }
}