import {Component, inject, OnInit} from '@angular/core';
import {IonicModule, ToastController} from "@ionic/angular";
import {checkmarkCircleOutline, closeCircleOutline} from 'ionicons/icons';
import {addIcons} from "ionicons";
import {PipeComponent} from "../pipe/pipe.component";
import {FriendsService, GetFriendRequestDto} from "../../services/api";
import {firstValueFrom} from "rxjs";
import {FriendsStateService} from "../../services/friends-state";

addIcons({
    'check': checkmarkCircleOutline,
    'close': closeCircleOutline
});

@Component({
    selector: 'app-friend-request',
    templateUrl: './friend-request.component.html',
    styleUrls: ['./friend-request.component.scss'],
    imports: [
        IonicModule,
        PipeComponent
    ]
})
export class FriendRequestComponent implements OnInit {
    private friendsService = inject(FriendsService);
    private toastCtrl = inject(ToastController);
    private friendsState = inject(FriendsStateService);

    friendsRequest = this.friendsState.requests;

    async ngOnInit() {
        await this.fetchFriendsRequest();
    }

    async fetchFriendsRequest() {
        try {
            const requests = await firstValueFrom(this.friendsService.getAllFriendRequestsEndpoint());
            this.friendsState.setRequests(requests);
        } catch (e) {
            const toast = await this.toastCtrl.create({
                message: 'Erreur lors du chargement des demandes d\'amis',
                duration: 2000,
                color: 'primary'
            });
            await toast.present();
        }
    }

    async acceptRequest(request: GetFriendRequestDto) {
        try {
            await firstValueFrom(this.friendsService.acceptFriendRequestEndpoint(request.userId));
            this.friendsState.acceptRequest(request);
            const toast = await this.toastCtrl.create({
                message: 'Demande d\'ami acceptée',
                duration: 1000,
                color: 'success'
            });
            await toast.present();
        } catch (e) {
            const toast = await this.toastCtrl.create({
                message: 'Echec de l\'acceptation',
                duration: 1000,
                color: 'danger'
            });
            await toast.present();
        }
    }

    async rejectRequest(id: number) {
        try {
            await firstValueFrom(this.friendsService.rejectFriendRequestEndpoint(id));
            this.friendsState.removeRequest(id);
            const toast = await this.toastCtrl.create({
                message: 'Demande d\'ami refusée',
                duration: 1000,
                color: 'success'
            });
            await toast.present();
        } catch (e) {
            const toast = await this.toastCtrl.create({
                message: 'Echec du refus',
                duration: 1000,
                color: 'danger'
            });
            await toast.present();
        }
    }
}