import { ActionTypes, RoleActions } from '../../actions/role';
import { Component, StatefulView, guid, DateHelper } from '@dezrez/core';
import { DatePicker, IDatePickerSettings, EnumSelect, IEnumSelectSettings } from '@dezrez/components';
import { Dezrez } from '@dezrez/typings-rezi';
import { IState } from '../../store';
import { map, forEach } from 'lodash';
import { NumberInput, INumberInput, CheckList, ICheckListItem, ICheckListSettings } from '@dezrez/components';
import { Subscription } from 'rxjs/Subscription';
import { TenantActionTypes, TenantRoleActions } from '../../actions/tenant';
import Enum = Dezrez.Core.DataContracts.External.Api.System.EnumDataContract;
import LettingsRole = Dezrez.Core.DataContracts.External.Api.Role.Query.Get.Marketing.PropertyLettingRoleDataContract;
import TenantRequirement = Dezrez.Core.DataContracts.External.Api.Role.Query.Get.Group.TenantRequirementDataContract;
import TenantRole = Dezrez.Core.DataContracts.External.Api.Role.Query.Get.Group.TenantRoleDataContract;
import letInformation from './letinformation/letinformation';
import pets from './pets/pets';
import permittedoccupiers from './permitted-occupires/permitted-occupires';

interface ITenancyHubActivate {
    lettingsId: number;
}

@Component({
    view: require('./tenancy-hub.html')
})
export default class TenancyHub extends StatefulView<IState> {
    letInformationComponent;
    pets;
    permittedOccupiers;
    columns = ko.observableArray([]);
    activate(tenantRoleId: number, params: ITenancyHubActivate = { lettingsId: undefined }) {
        this.letInformationComponent = this.bindChild(letInformation, { tenantRoleId, lettingsId: params.lettingsId });
        this.pets = this.bindChild(pets);
        this.permittedOccupiers = this.bindChild(permittedoccupiers);
        this.columns([
            { className: 'md', name: 'Name' },
            { className: 'md', name: 'Name' }
        ]);
    }
}