import { Component, OnDestroy, OnInit } from '@angular/core';
import { ActivatedRoute, ParamMap, Router } from '@angular/router';
import { Subscription } from 'rxjs';
import { Poll } from '../../core/models/poll.model';
import { PollService } from '../../core/services/poll.service';
import { DateService } from '../../core/services/date.service';
import { PollUtilitiesService } from '../../core/services/poll.utilities.service';
import { StorageService } from '../../core/services/storage.service';
import { ApiService } from '../../core/services/api.service';
import { ToastService } from '../../core/services/toast.service';

@Component({
	selector: 'app-consultation',
	templateUrl: './consultation.component.html',
	styleUrls: ['./consultation.component.scss'],
})
export class ConsultationComponent implements OnInit, OnDestroy {
	public isCompactMode = false;
	public poll: Poll;
	public pollSlug: string;
	public pass_hash: string;
	public fetching = true;
	public isArchived: boolean;
	public isAdmin: boolean;

	private routeSubscription: Subscription;
	window: any;

	constructor(
		private router: Router,
		private utils: PollUtilitiesService,
		private _Activatedroute: ActivatedRoute,
		public storageService: StorageService,
		public api: ApiService,
		public pollService: PollService,
		public dateService: DateService,
		public toastService: ToastService
	) {}

	/**
	 * fetch poll data on init
	 */
	ngOnInit(): void {
		console.log('constultation de poll');
		this.pollService.poll.subscribe((newpoll: Poll) => {
			this.poll = newpoll;
			if (newpoll) {
				this.isArchived = new Date(newpoll.expiracy_date) < new Date();
				this.poll.is_archived = this.isArchived;
				this.isAdmin = this.poll.admin_key !== null;
				this.poll.choices_grouped.map((elem) => (elem.subSetToYes = false));
			}
		});

		this._Activatedroute.paramMap.subscribe((params: ParamMap) => {
			console.log('params _Activatedroute', params);
			this.pollSlug = params.get('custom_url');
			this.pass_hash = params.get('pass_hash');

			console.log('this.pass_hash ', this.pass_hash);
			if (this.pass_hash) {
				this.pollService.loadPollBycustom_urlWithPasswordHash(this.pollSlug, this.pass_hash).then((resp) => {
					console.log('resp', resp);
					this.fetching = false;
					this.storageService.vote_stack.id = null;
					this.storageService.setChoicesForVoteStack(this.pollService._poll.getValue().choices);
				});
			} else {
				this.pollService.loadPollBycustom_url(this.pollSlug).then((resp) => {
					console.log('resp', resp);
					this.fetching = false;
					this.storageService.vote_stack.id = null;
					this.storageService.setChoicesForVoteStack(this.pollService._poll.getValue().choices);
				});
			}
		});
	}

	ngOnDestroy(): void {
		if (this.routeSubscription) {
			this.routeSubscription.unsubscribe();
		}
	}

	/**
	 * update existing vote stack
	 * @param Stack
	 */
	updateVoteStack(): void {
		const vote_stack = this.storageService.vote_stack;
		vote_stack.poll_custom_url = this.poll.custom_url;

		console.log('updateVoteStack vote_stack.votes', vote_stack.votes.length, vote_stack.votes);
		const handlingError = this.api.ousideHandleError;

		this.api
			.sendUpdateVoteStack(vote_stack)
			.then((resp) => {
				console.log('sendUpdateVoteStack updated resp', resp);
				this.storeVoteStackAndReloadPoll(resp);
				this.toastService.display('vote bien mis à jour', 'success');
			})
			.catch(handlingError);
	}

	/**
	 * create a	new vote stack
	 */
	addVoteStack(): void {
		this.storageService.vote_stack.poll_custom_url = this.poll.custom_url;
		this.pollService.pass_hash = this.pass_hash;

		this.toastService.display('envoi du vote ....');
		this.api
			.sendNewVoteStackOfPoll(this.storageService.vote_stack)
			.then((resp: any) => {
				console.log('sendNewVoteStackOfPoll resp', resp);
				this.storeVoteStackAndReloadPoll(resp);
			})
			// eslint-disable-next-line @typescript-eslint/unbound-method
			.catch(this.api.ousideHandleError);
	}

	/**
	 * store the updated vote stack
	 * @param voteStack
	 */
	storeVoteStackAndReloadPoll(voteStack: any) {
		if (voteStack.status == 200) {
			this.storageService.mapVotes(voteStack.data);
			this.pollService.enrichVoteStackWithCurrentPollChoicesDefaultVotes(this.storageService.vote_stack);
			if (this.pass_hash) {
				this.pollService.loadPollBycustom_urlWithPasswordHash(this.poll.custom_url, this.pass_hash);
			} else {
				this.pollService.loadPollBycustom_url(this.poll.custom_url);
			}
		} else {
			this.toastService.display('erreur à l enregistrement');
		}
	}

	/**
	 * export all the poll data available to the public as a CSV single file
	 */
	exportCSV(): void {
		this.utils.exportCSV(this.poll);
	}

	exportJson(): void {
		this.utils.download('export_poll_' + this.pollSlug + '.json', JSON.stringify(this.poll));
	}

	duplicate(): void {
		alert('TODO');
	}

	print(): void {
		alert('TODO');
	}
}