import { Component, inject, signal } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { Tenant } from '../../services/tenant.service';
import { WorkspaceService } from '../../services/workspace.service';
import { TenantCard } from '../tenant-card/tenant-card';
import { TenantForm } from '../tenant-form/tenant-form';

@Component({
  selector: 'app-tenants-page',
  imports: [MatButtonModule, TenantCard, TenantForm],
  templateUrl: './tenants-page.html',
  styleUrl: './tenants-page.css',
})
export class TenantsPage {
  readonly workspace = inject(WorkspaceService);

  readonly showForm = signal(false);
  readonly editingTenant = signal<Tenant | null>(null);

  constructor() { this.workspace.loadTenants(); }

  openAddForm(): void {
    this.editingTenant.set(null);
    this.showForm.set(true);
  }
  openEditForm(tenant: Tenant): void {
    this.editingTenant.set(tenant);
    this.showForm.set(true);
  }
  closeForm(): void {
    this.showForm.set(false);
    this.editingTenant.set(null);
  }
}