import { Component, inject } from "@angular/core";
import { FormBuilder, FormControl, ReactiveFormsModule, Validators } from "@angular/forms";
import { MatRippleModule } from "@angular/material/core";
import { MatIconModule } from "@angular/material/icon";
import { Router } from "@angular/router";


@Component({
    selector: 'app-publications-search-bar',
    templateUrl: './publications-search-bar.component.html',
    styleUrl: './publications-search-bar.component.scss',
    imports: [
        MatIconModule,
        MatRippleModule,
        ReactiveFormsModule
    ],
    providers: []
})
export class PublicationsSearchBarComponent {
    private formBuilder = inject(FormBuilder);
    private router = inject(Router);
    formGroup = this.formBuilder.group({
        criteria: new FormControl<string | undefined>('', [Validators.required])
    });

    searchPublications(): void {
        const query = this.formGroup.controls.criteria.value

        if (query?.trim()) {
            const queryParams = { 'query' : this.formGroup.controls.criteria.value ?? '' }
            this.router.navigate(['/publications'], { queryParams });
        } else {
            this.router.navigate(['/home']);
        }
    }
}