import { Component, OnInit } from '@angular/core';
import { BaseComponent } from '../base-page/base.component';
import { ConfigService } from '../../services/config.service';
import { mockComments } from '../../mocks/mock-comments';
import { ActivatedRoute, Router } from '@angular/router';
import { environment } from '../../../environments/environment';
import { mockPoll3 } from '../../mocks/mock-poll3';

@Component({
    selector: 'framadate-poll-display',
    templateUrl: './poll-display.component.html',
    styleUrls: ['./poll-display.component.scss'],
})
export class PollDisplayComponent extends BaseComponent implements OnInit {
    comments = mockComments;

    constructor(public config: ConfigService, private router: Router, public activeRoute: ActivatedRoute) {
        super(config);
        this.activeRoute.paramMap.subscribe((params) => {
            console.log('params', params);
            this.config.pollId = params.get('poll');
            this.config.pollSlug = params.get('pollSlug');
            if (!this.config.loading) {
                this.fetchPoll();
            }
        });
    }

    ngOnInit() {}

    // fetch poll with its ID or slug.
    fetchPoll() {
        const id = this.activeRoute.snapshot.params.poll;
        const pollSlug = this.activeRoute.snapshot.params.pollSlug;

        if (!environment.production) {
            console.log('mockPoll3', mockPoll3);
            this.config.currentPoll = mockPoll3;
            return;
        }
        if (id) {
            this.config.loading = true;
            // store it in the poll property here
            this.config.getPollById(id).subscribe(
                (res: any) => {
                    console.log('res', res);
                    this.config.updateCurrentPollFromResponse(res);
                    this.config.loading = false;
                },
                (e) => {
                    // handle need for a password
                    console.log('e', e);
                    this.config.handleError(e);
                }
            );
        } else if (pollSlug) {
            this.config.loading = true;
            this.config.getPollByURL(pollSlug).subscribe(
                (res: any) => {
                    this.config.loading = false;
                    this.config.updateCurrentPollFromResponse(res);
                },
                (e) => {
                    // handle need for a password
                    this.config.handleError(e);
                }
            );
        }
    }
}