"""UI component and layout for the PDF Explainer app."""

import gradio as gr
from gradio_pdf import PDF
from .styles import get_fullscreen_css

def build_interface(process_pdf_fn):
    """Builds and returns the Gradio interface."""
    with gr.Blocks(title="🔍 PDF Text Extractor", theme=gr.themes.Soft()) as demo:
        gr.HTML(get_fullscreen_css())
        gr.Markdown("# 🔍 PDF Text Extractor")
        gr.Markdown("Upload a PDF on the left to automatically extract and view text on the right.")
        with gr.Row(equal_height=True):
            with gr.Column(scale=1):
                gr.Markdown("### 📄 PDF Document")
                pdf_input = PDF(
                    label="Upload and View PDF",
                    height=600,
                    interactive=True
                )
                status_output = gr.Textbox(
                    label="Status",
                    lines=2,
                    placeholder="Upload a PDF to see status...",
                    interactive=False
                )
            with gr.Column(scale=1):
                gr.Markdown("### 📝 Extracted Content")
                with gr.Tabs():
                    with gr.TabItem("Extracted Text"):
                        text_output = gr.Textbox(
                            label="Extracted Text",
                            lines=20,
                            placeholder="Upload a PDF to automatically extract text...",
                            show_copy_button=True,
                            interactive=False
                        )
                    with gr.TabItem("Explanation Script"):
                        explanation_output = gr.Textbox(
                            label="Generated Explanation Script",
                            lines=15,
                            placeholder="Explanations will be automatically generated after text extraction...",
                            show_copy_button=True,
                            interactive=False                        )
                gr.Markdown("### 🔊 Audio Generation")
                audio_output = gr.Audio(
                    label="Generated Explanation Audio",
                    interactive=False,
                    visible=False,
                )
        
        pdf_input.upload(
            fn=process_pdf_fn,
            inputs=[pdf_input],
            outputs=[text_output, status_output, explanation_output, audio_output, audio_output]
        )
    return demo