import { DashboardService } from './../dashboard/dashboard.service';
import { IndexService } from './../index/index.service';
import { NgForm } from '@angular/forms';
import { Component, OnInit, ViewChild } from '@angular/core';
import { api } from '../../../config';
import { MainService } from '../main/main.service';

@Component({
  selector: 'app-annpopular',
  templateUrl: './annpopular.component.html',
  styleUrls: ['./annpopular.component.css']
})
export class AnnpopularComponent implements OnInit {

  @ViewChild('annpopForm', { static: true }) form: NgForm;

  backuri = api.ADMIN_URL_BACK;
  headerText = '';
  lineText = '';
  showMessage = false;
  text = '';
  isEnabled = true;
  textNotEnabled = 'Podra configurar los valores pero esta seccion no se esta mostrando en la web.';


  constructor(
    private indexService: IndexService,
    private dashboardService: DashboardService,
    private mainService: MainService,
  ) { }

  ngOnInit() {
    this.dashboardService.updateMenuPosition(4);
    this.indexService.getIndexData('annpopheaderText')
    .subscribe(data => {
      const aux: any = data;
      if (aux.resp) {
        this.headerText = aux.indexText;
        this.form.controls.encabezado_1.setValue(this.headerText);
        this.indexService.getIndexData('annpoplineText')
        .subscribe(data1 => {
          const aux1: any = data1;
          if (aux1.resp) {
            this.lineText = aux1.indexText;
            this.form.controls.texto_1.setValue(this.lineText);
          }
        });
      }
    });

    this.mainService.getSectionByName('indexpart3')
      .subscribe(data => {
        const aux: any = data;
        if (aux.resp) {
          this.isEnabled = !aux.section.enabled;
        }
      });
  }



  onKeyUp(event: any) {
    this.headerText = event.target.value;
    this.indexService.setIndexData('annpopheaderText', this.headerText)
    .subscribe();
  }

  onKeyUp1(event: any) {
    this.lineText = event.target.value;
    this.indexService.setIndexData('annpoplineText', this.lineText)
    .subscribe();
  }

}