import { Component, OnInit } from '@angular/core';
import { MatDialog, MatDialogConfig} from '@angular/material/dialog';
import { Observable } from 'rxjs';
import { LineItem } from '../items/lineitem.model';
import { newLineItem } from '../items/newlineitem.model';
import { Order } from './order.model';
import { FullnodeService } from '../fullnode.service';
import { OrderService } from './order.service';
import { CancelComponent } from '../cancel/cancel.component';
import { CheckoutComponent} from '../checkout/checkout.component';
import { PromptInvoiceComponent } from '../prompt-invoice/prompt-invoice.component';
import { ReceiptQRComponent} from '../receipt-qr/receipt-qr.component';
import { faFileInvoiceDollar } from '@fortawesome/free-solid-svg-icons';

import { faTrash } from '@fortawesome/free-solid-svg-icons';
import { faTrashAlt } from '@fortawesome/free-solid-svg-icons';
import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
import { faSignOut } from '@fortawesome/free-solid-svg-icons';

import { NotifierService } from '../notifier.service';

@Component({
	selector: 'app-order',
	templateUrl: './order.component.html',
	styleUrls: ['./order.component.css']
})

export class OrderComponent implements OnInit{

	public oLines : newLineItem[] = [];
	public myLines : LineItem[] = [];

	faInvoice = faFileInvoiceDollar;
	public order: Order = {
		_id: '',
		address: '',
		session: '',
		timestamp: '',
		closed: false,
		currency: '',
		price:0,
		total:0,
		totalZec: 0,
		paid: false,
		externalInvoice: '',
		shortCode: '',
		lines: [
			{
				qty: 1,
				name: '',
				cost: 0
			}
		]
	};
	public price: number = 1;
	public total: number = 0;
	public orderUpdate: Observable<Order>;
	public priceUpdate: Observable<number>;
	public totalUpdate: Observable<number>;

	// ------------------------------------
	//
	faTrash = faTrash;
	faTrashAlt = faTrashAlt;
	faChevronRight = faChevronRight;
	faSignOut = faSignOut;
	// -------------------------------------


	constructor(
		public fullnodeService: FullnodeService,
		public orderService: OrderService,
		private dialog: MatDialog,
		private notifierService: NotifierService )
	{
		this.priceUpdate = fullnodeService.priceUpdate;
		this.priceUpdate.subscribe((price) => {
			this.price = price;
		});
		this.orderUpdate = orderService.orderUpdate;
		this.orderUpdate.subscribe((order) => {
			this.order = order;

			console.log('this.order > ' + JSON.stringify(this.order));
// ------------------------------------------------
			this.oLines = [];
			this.myLines = this.order.lines;
            var nl = {} as newLineItem;

			for ( let i = 0; i < this.myLines.length; i++ )
			{
//			   console.log("Loop : " + i + " - name : " + this.myLines[i].name);
			   nl = this.fillLineData(i,this.myLines[i].name,
			   	             this.myLines[i].qty,
			   	             this.myLines[i].cost) ;
//			   console.log(">> line_id: " + nl.line_id +
//			   			   " name: " + nl.name +
//			   			   " qty: " + nl.qty +
//			   			   " cost: " + nl.cost + " <<" 	
//			   	          )
			   this.oLines.push(nl);
               // this.oLines[i].cost = this.myLines[i].cost;
 			}
// ------------------------------------------------
		});
		this.totalUpdate = orderService.totalUpdate;
		this.totalUpdate.subscribe((total) => {
			this.total = total;
		});

	}

	ngOnInit() {
	}

	cancelOrder() {
		const dialogConfig = new MatDialogConfig();

		dialogConfig.disableClose = true;
		dialogConfig.autoFocus = true;
		dialogConfig.data = {title: 'Cancel Order?', msg: 'Are you sure you want to cancel the order?'};

		const dialogRef = this.dialog.open(CancelComponent, dialogConfig);
		dialogRef.afterClosed().subscribe((val) => {
			if (val) {
				console.log('Canceling');
				this.orderService.cancelOrder(this.order._id!).subscribe((response) => {
					this.orderService.getOrder();
				this.notifierService
				    .showNotification("Order successfully cancelled!",
			    	              "Close","success");
				});
			} else {
				console.log('Returning to page');
			}
			this.orderService.getOrder();
			this.oLines = [];
		});
	}

	checkout() {
		var zec = this.total/this.price;
		this.order.totalZec = parseFloat(zec.toFixed(8));
		const dialogConfig = new MatDialogConfig();
		
		dialogConfig.disableClose = true;
		dialogConfig.autoFocus = true;
		dialogConfig.data = {
			totalZec: this.order.totalZec,
			addr: this.order.address,
			orderId: this.order._id
		};

		const dialogRef = this.dialog.open(CheckoutComponent, dialogConfig);
		dialogRef.afterClosed().subscribe((val) => {
			if (val) {
				const dialogConfig2 = new MatDialogConfig();
				dialogConfig2.disableClose = true;
				dialogConfig2.autoFocus = true;
				dialogConfig2.data = {
					order: this.order._id
				};
				console.log('Payment confirmed!');
				this.orderService.closeOrder(true);
				const dialogRef2 = this.dialog.open(ReceiptQRComponent, dialogConfig2);
				dialogRef2.afterClosed().subscribe( val => {
					if (val) {
						console.log('Receipt closed.');
						this.oLines = [];
					}
				});
			} else {
				console.log('Returning to order');
			}
		});
	}

	invoice() {
		var zec = this.total/this.price;
		this.order.totalZec = parseFloat(zec.toFixed(8));
		const dialogConfig = new MatDialogConfig();
		
		dialogConfig.disableClose = true;
		dialogConfig.autoFocus = true;
		dialogConfig.data = {
			orderId: this.order._id
		};

        console.log ('order_id :  ' + this.order._id);

		const dialogRef = this.dialog.open(PromptInvoiceComponent, dialogConfig);
		dialogRef.afterClosed().subscribe((val) => {
			if (val) {
				this.orderService.closeOrder(false);
				this.oLines = [];
			} else {
				console.log('Returning to order');
			}
		});
	}

	getCurrency(){
		return this.order.currency.toUpperCase();
	}


	fillLineData(i: number, 
		         iname: string,
		         iqty: number,
		         icost: number) : newLineItem {

		const a = { line_id: i, 
			        name: iname, 
			        qty: iqty, 
			        cost: icost } as newLineItem;
		return a;
	}

	trashCanClicked(item : newLineItem, lines: newLineItem[]) {

		const dialogConfig = new MatDialogConfig();

		dialogConfig.disableClose = true;
		dialogConfig.autoFocus = true;
		dialogConfig.data = {title: 'Remove Item?',
		                     msg: 'Are you sure you want to remove   <<' + 
		                          item.name + ' x ' + item.qty +
		                          '>>   from this order?'};
		const dialogRef = this.dialog.open(CancelComponent, dialogConfig);
		dialogRef.afterClosed().subscribe((val) => {
			if (val) {
//				console.log('Deleting item at line: ' 
//					         + (item.line_id +1)
//					         + " => (" + item.name +")");
				this.orderService.updateOrder(item.line_id,lines);
				this.orderService.getOrder();
				if ( this.order.lines.length == 0 ) {
					this.orderService.cancelOrder(this.order._id!)
					                 .subscribe((response) => {
							this.orderService.getOrder();
						});	
				}
					
			} else {
				console.log('Returning to order');
			}
		});


	}
}