import { Injectable } from '@angular/core';
import { Http, Headers, Response } from '@angular/http';
/* import { HttpHeaders, HttpClient } from '@angular/common/http';
 */
import { Observable } from 'rxjs';
import { of } from 'rxjs';
import { map } from 'rxjs/operators';

@Injectable()
export class ClientsService {
    constructor(private http: Http) {} // tslint:disable-line
   getServer() {
    const username = 'mifos';
    const password = 'password';
    const headers = new Headers();   // tslint:disable-line
    headers.append('Authorization', 'Basic ' + btoa(username + ':' + password));
    headers.append('Content-Type', 'application/json');
    headers.append('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
    headers.append('Access-Control-Allow-Origin', '*');
    return this.http.get
    ('https://mobile.openmf.org/fineract-provider/api/v1/clients?tenantIdentifier=mobile&pretty=true',
    {headers: headers})
    .pipe(
    map(
        (response: Response) => {  // tslint:disable-line
          response = response.json();
          return response['pageItems'];

        }
    )
  );
}
}