import { CommonModule, NgFor, NgIf, UpperCasePipe } from '@angular/common';
import { Component, inject } from '@angular/core';
import { TextPipe } from '../../text.pipe';
import { SearchComponent } from '../Search/search.component';
import { HotelService } from '../Parent/services/hotel.service';
import { Hotel } from '../HotelItem/hotel';
import { HttpClient } from '@angular/common/http';
import { filter, from, last, map, Observable, scan } from 'rxjs';
import { HotelItem } from '../HotelItem/HotelItem.component';
import { RouterLink } from '@angular/router';

interface User {
  name: string;
  age: number;
}

@Component({
  selector: 'app-hotel-list',
  standalone: true,
  imports: [UpperCasePipe, TextPipe, SearchComponent, HotelItem, NgFor, NgIf, RouterLink],
  templateUrl: './hotel-list.component.html',
  styleUrl: './hotel-list.component.css'
})
export class HotelListComponent {
  public search: string = "";
  public hotelService: HotelService = inject(HotelService);
  public response: any = null;
  public hotels: Array<Hotel> = [{} as Hotel];

  constructor (private http: HttpClient) {
  }

  ngOnInit() {
    this.http.get<Array<Hotel>>("api/hotels").subscribe(res => {
      this.hotels = res;
    });

    const users = [
      { name: "Max", age: 21 },
      { name: "Peter", age: 31 },
      { name: "Hans", age: 13 },
      { name: "Klaus", age: 51 },
      { name: "Dieter", age: 1 },
      { name: "Jan-Marlon", age: 3 },
    ]

    const stream: Observable<User> = from(users);

    stream.pipe(
      filter((user) => user.age > 18),
      scan((acc, user) => acc + user.age, 0),
      map((ageSum, index) => ageSum / (index + 1)),
      last(),
    ).subscribe(console.log);

    // const stream: Observable<number | string> = from([5, 1, 2, 12, 5, 14, 17, 5, "testing"]);

    // stream.pipe(
    //  filter((value) => typeof value === "number"),
    //  tap((value) => console.log("Zahl:" + value)),
    //  filter((value: number) => value % 2 === 0),
    //  tap((value) => console.log("Gerade Zahl: " + value)),
    //  toArray(),
    //).subscribe(console.log);
  }

  public test() {
    console.log(this.search);
  }

  // public foundHotels = this.hotels.pipe(
  //   filter((hotel) => hotel.hotelName.includes(this.search)),
  // );
}