import {Component, OnInit} from '@angular/core';
import {NgbModal} from "@ng-bootstrap/ng-bootstrap";
import {ModalComponent} from "@app/_components/modal/modal.component";
import {NewContactComponent} from "@app/partners/new-contact/new-contact.component";
import {ActivatedRoute} from "@angular/router";
import {MediaObjectService, PartnerJsonld, PartnerService} from "@app/core/api/v1";
import {Subscription} from "rxjs";
import {environment} from "@environments/environment";

@Component({
    selector: 'app-partners-detail',
    templateUrl: './partners-detail.component.html',
    styleUrl: './partners-detail.component.scss'
})
export class PartnersDetailComponent implements OnInit {
    private closeResult = '';
    protected id: string;

    protected partnerDetailSub: Subscription;
    protected partner: PartnerJsonld;
    protected partnerLogoSub: Subscription;
    protected partnerLogo: string|null|undefined;

    protected readonly ModalComponent = ModalComponent;
    constructor(
        private modalService: NgbModal,
        private route: ActivatedRoute,
        private partnerService: PartnerService,
        private mediaObjectService: MediaObjectService
    ) {
        this.id = "";
        this.partnerDetailSub = new Subscription();
        this.partner = {};
        this.partnerLogoSub = new Subscription();
        this.partnerLogo = "";
    }
    openModalNewContact() {
        const modalRef = this.modalService.open(ModalComponent);
        modalRef.componentInstance.dynamicComponent = NewContactComponent;
    }

    ngOnInit() {
        this.route.params.subscribe(params => {
            this.id = params['id'];
            // Hier kannst du die Logik für die Anzeige der Details für den bestimmten Partner implementieren
        });
        this.getData();
    }

    getData()
    {
        this.partnerDetailSub = this.partnerService.partnersIdGet(
            "1"
        ).subscribe(
            data => {
                console.log(data);
                this.partner = data;
                // TODO: logoUrl ist hier falsch, wir müssten nur die ID des logos haben...
                let logoUrl: string = typeof data.logo === 'string' ? data.logo : "";
                this.partnerLogoSub = this.mediaObjectService.mediaObjectsIdGet(
                    // logoUrl
                    "4"
                ).subscribe(
                    data => {
                        this.partnerLogo = data.contentUrl;
                        console.log(this.partnerLogo);
                    }
                );


            }
        );
    }

    protected readonly environment = environment;
}