import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { DbConnectionService } from '../db-connection.service';

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

  trip: Object = null;
  tripId: number;
  mainActivityType: string;
  mobile: boolean = false;

  constructor(private route: ActivatedRoute,
    private db: DbConnectionService,
    private router: Router) { }

  ngOnInit(): void {

    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      this.mobile = true
    }
    this.route.params.subscribe(r => {
      // error handling
      if (!r["tripId"] || isNaN(Number(r["tripId"])))
        return alert("Invalid TripID");
      if (!r["activityType"])
        return alert("Invalid activityType");

      this.tripId = Number(r["tripId"]);
      this.mainActivityType = String(r['activityType'])
      this.fetchMainActivityTypeDetails();

    })
  }


  fetchMainActivityTypeDetails() {
    this.db.executeQuery(`SELECT * FROM MainActivityType WHERE name="${this.mainActivityType}"`).then(r => {
      this.mainActivityType = r["data"][0];
      console.log(this.mainActivityType)
    })
  }
  

}