import { Injectable, Injector, Inject } from '@angular/core';
import {
    HttpEvent,
    HttpInterceptor,
    HttpHandler,
    HttpRequest
} from '@angular/common/http';

import { throwError, of } from 'rxjs';
import { Observable } from 'rxjs';
import { catchError } from 'rxjs/operators';


@Injectable()
export class EsbHttpInterceptor implements HttpInterceptor {
 

    constructor(@Inject('ESB_SESSION_TIMEOUT_HANDLER') public timeoutHandlerConfig: any) {
       
        console.log('ESB_SESSION_TIMEOUT_HANDLER');
        console.log(this.timeoutHandlerConfig);
    }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

        /**
         * continues request execution
         */
        return next.handle(request).pipe(catchError((error, caught) => {
            //intercept the respons error and displace it to the console
            if (this.timeoutHandlerConfig) {

                let errorText: string = error.error.text;
                if (error.status === 200) {

                    if (errorText.indexOf('SAMLRequest') > 0) {
                        console.log('EsbHttpInterceptor catchError:SAMLRequest');
                        // console.log('errorText:' + errorText);
                        //console.log('error.status:' + error.status);
                        if (this.timeoutHandlerConfig.showPopup) {
                            let popupMsg = `
                            <!-- Modal content -->
                            <style>
                            /* The Modal (background) */
                            .modal {
                              display: inline; 
                              position: fixed; /* Stay in place */
                              z-index: 9999999; /* Sit on top */
                              left: 0;
                              top: 0;
                              width: 100%; /* Full width */
                              height: 100%; /* Full height */
                              overflow: auto; /* Enable scroll if needed */
                              background-color: rgb(0,0,0); /* Fallback color */
                              background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
                            }
                            
                            /* Modal Content/Box */
                            .modal-content {
                              background-color: #fefefe;
                              margin: 15% auto; /* 15% from the top and centered */
                              padding: 20px;
                              border: 1px solid #888;
                              width: 30%; /* Could be more or less, depending on screen size */
                            }    
                            </style>
                            <div id="myModal" class="modal">
                            <div class="modal-content">                     
                              <h4 style="color:red">${this.timeoutHandlerConfig.errMsg}</h4>
                            </div>                  
                            </div>`;
                            let div = document.createElement('div');
                            div.innerHTML = popupMsg;
                            document.body.appendChild(div);
                        }

                        setTimeout(() => {
                            window.location.href = this.timeoutHandlerConfig.url;
                        }, this.timeoutHandlerConfig.countdown * 1000);
                    }

                }
            }

            return of(caught);
        }) as any);
    }
}