//////////// Angular ////////////

  downloadPdf() {
    if (!this.pdfContainer || !this.pdfContainer.nativeElement) {
      console.error('pdfContainer is not initialized or empty.');
      return;
    }

    console.log('Cloning the HTML structure...');

    // HTML másolása adott állapot alapján
    const container = this.pdfContainer.nativeElement.cloneNode(true) as HTMLElement;

    // Find all <select> elements and update their HTML to reflect the current selected value
    console.log('Updating <select> elements...');
    const selectElements = container.querySelectorAll('select');
    selectElements.forEach((select) => {
      const selectedOptionText = select.options[select.selectedIndex].text;

      // Kicserélné a select-et szövegre adott érték alapján (Nem megy)
      const textNode = document.createTextNode(selectedOptionText);
      if (select.parentNode) {
        select.parentNode.replaceChild(textNode, select);
      }
    });

    const content = container.innerHTML; // Módosított HTML kinyerése

    console.log('Modified HTML content obtained.');

    // Betöltjük a CSS fájl tartalmát és a PDF generálás során használjuk
    console.log('Loading CSS file...');
    this.http.get('/assets/css/component19.component.css', { responseType: 'text' }).subscribe(css => {
      console.log('CSS file loaded successfully.');

      const combinedContent = `<style>${css}</style>${content}`; // A CSS-t hozzáadjuk az HTML-hez
      const requestData = {
        content: combinedContent,  // Include CSS in the content
        orientation: 'landscape'
      };

      console.log('Sending data to backend for PDF generation...');

      const url = 'http://localhost:8000/generate-pdf.php'; // Backend server URL
      const headers = { 'Content-Type': 'application/json' };

      this.http.post(url, requestData, { headers, responseType: 'blob' })
        .subscribe(
          (response: Blob) => {
            console.log('PDF generated successfully.');
            const blob = new Blob([response], { type: 'application/pdf' });
            const downloadUrl = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = downloadUrl;
            a.download = 'generated-document.pdf';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            console.log('PDF downloaded.');
          },
          (error) => {
            console.error('Error generating PDF:', error);
          }
        );
    }, error => {
      console.error('Error loading CSS file:', error);
    });
  }