import { Component, inject } from '@angular/core';
import {HouseService} from '../house.service';
import {House} from '../house';
import {HouseAdComponent} from '../house-ad/house-ad.component';
import {CommonModule} from '@angular/common';
import { InputTextModule } from 'primeng/inputtext';
import { ButtonModule } from 'primeng/button';
import {FormsModule} from '@angular/forms';
import { FloatLabelModule } from 'primeng/floatlabel';

@Component({
  selector: 'app-home',
  imports: [HouseAdComponent, CommonModule, InputTextModule, FormsModule, ButtonModule, FloatLabelModule],
  templateUrl: './home.component.html',
  styleUrl: './home.component.css'
})
export class HomeComponent {
	houses: House[] = [];
	filteredHouses: House[] = [];
	houseService = inject(HouseService);
	value = '';
	constructor () {
		this.houses = this.houseService.getHouses();
		this.filteredHouses = this.houses;
	}
	filterHouses(text: string) {
		if (!text)
			this.filteredHouses = this.houses;
		else
			this.filteredHouses = this.houses.filter((house) => house.location.includes(text))
	}
}