import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
import { Injectable, inject } from '@angular/core';
import { Observable } from 'rxjs';
import { catchError } from 'rxjs/operators';

import { Customer } from '../core/customer';
import { ErrorLoggerService } from '../core/error-logger.service';
import { PagedResult } from '../core/paged-result';

const httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/json' }),
};
const url = '/api/customers';
const serviceName = 'CustomerService';

@Injectable({
  providedIn: 'root',
})
export class CustomerService {
  private http = inject(HttpClient);
  private log = inject(ErrorLoggerService);

  get(id: string | null): Observable<Customer> {
    const getUrl: string = id === null ? `${url}` : `${url}/${id}`;
    return this.http
      .get<Customer>(getUrl)
      .pipe(catchError(this.log.handleError(serviceName, `get id=${id}`))) as Observable<Customer>;
  }

  list(q: string | null, page = 0, size = 50, field = 'name', direction = 'asc'): Observable<PagedResult<Customer>> {
    const params = {
      ...(q ? { q } : {}),
      p: page,
      s: size,
      f: field,
      d: direction,
    };
    console.log('CustomerService.list', params);
    return this.http
      .get<PagedResult<Customer>>(`${url}/list`, { params })
      .pipe(catchError(this.log.handleError(serviceName, 'list'))) as Observable<PagedResult<Customer>>;
  }

  save(customer: Customer): Observable<Customer> {
    return this.http
      .post<Customer>(`${url}`, customer, httpOptions)
      .pipe(catchError(this.log.handleError(serviceName, 'save'))) as Observable<Customer>;
  }

  update(customer: Customer): Observable<Customer> {
    return this.http
      .put<Customer>(`${url}/${customer.id}`, customer, httpOptions)
      .pipe(catchError(this.log.handleError(serviceName, 'update'))) as Observable<Customer>;
  }

  saveOrUpdate(customer: Customer): Observable<Customer> {
    if (!customer.id) {
      return this.save(customer);
    }
    return this.update(customer);
  }

  delete(id: string): Observable<Customer> {
    return this.http
      .delete<Customer>(`${url}/${id}`, httpOptions)
      .pipe(catchError(this.log.handleError(serviceName, 'delete'))) as Observable<Customer>;
  }

  autocomplete(query: string): Observable<Customer[]> {
    const options = { params: new HttpParams().set('q', query) };
    return this.http
      .get<Customer[]>(`${url}/query`, options)
      .pipe(catchError(this.log.handleError(serviceName, 'autocomplete'))) as Observable<Customer[]>;
  }
}