Overview of the Application
----------------------------

.. raw:: html

    <p style="text-align: justify;"><span style="color:#000080;"><i> 
    The application is designed to process PDF documents and answer questions using artificial intelligence (AI) models. It allows users to upload PDF files, choose an action to perform (such as summarizing, translating, or asking questions about the document), and interact with the content in an intuitive manner.
    </i></span></p>


.. figure:: /Documentation/images/S8.jpg
   :width: 100%
   :alt: Alternative text for the image


Main Features
---------------


.. raw:: html

    <span style="color:red;"> 
    PDF File Upload
    </span>



.. raw:: html

    <span style="color:#000080;"> 
        <ul>
        <li><strong>Description:</strong> Users can upload one or more PDF files for processing.</li>
        <li><strong>Role:</strong> This enables the application to access the content of the documents to perform actions such as summarization or translation.</li>
    </span>

.. figure:: /Documentation/images/S1.jpg
   :width: 100%
   :alt: Alternative text for the image

.. raw:: html

    <span style="color:red;"> 
    Action Selection
    </span>

.. raw:: html

    <span style="color:#000080;"> 
        <ul>
        <li><strong>Description: </strong> A dropdown menu allows users to select an action to perform among several options => Summarize, Translate, Ask a Question, or Chat with PDF.</li>
        <li><strong>Role:</strong> This selection determines how the application will process the PDF content.</li>
    </span>

.. figure:: /Documentation/images/S3.jpg
   :width: 70%
   :alt: Alternative text for the image



.. raw:: html

    <span style="color:red;"> 
    Model Selection
    </span>


.. raw:: html

    <span style="color:#000080;"> 
        <ul>
        <li><strong>Description: </strong> Users can choose from different AI models (Llama 3.1, Llama 2, Mistral, CodeLlama).</li>
        <li><strong>Role:</strong>The selected model influences the quality and type of processing performed on the text.</li>
    </span>

.. figure:: /Documentation/images/S4.jpg
   :width: 70%
   :alt: Alternative text for the image

.. raw:: html

    <span style="color:red;"> 
    Language Selection for Translation
    </span>

.. raw:: html

    <span style="color:#000080;"> 
        <ul>
        <li><strong>Description: </strong> If the action selected is "Translate", users can choose the target language from a dropdown list that includes English, French, and Arabic.</li>
        <li><strong>Role:</strong>This selection guides the application in determining the language into which the extracted text from the PDF should be translated.</li>
    </span>

.. figure:: /Documentation/images/S5.jpg
   :width: 70%
   :alt: Alternative text for the image

.. raw:: html

    <span style="color:red;"> 
    Choose Chat Language
    </span>

.. raw:: html

    <span style="color:#000080;"> 
        <ul>
        <li><strong>Description: </strong> If the action selected is "Translate", users can choose the target language from a dropdown list that includes English, French, and Arabic.</li>
        <li><strong>Role:</strong>This setting personalizes the chat experience, ensuring that users can interact in their preferred language, making the application more accessible.</li>
    </span>

.. figure:: /Documentation/images/S8.jpg
   :width: 70%
   :alt: Alternative text for the image

.. raw:: html

    <span style="color:red;"> 
    Chat with PDF
    </span>

.. raw:: html

    <span style="color:#000080;"> 
        <ul>
        <li><strong>Description: </strong> This interface allows users to engage in a dialogue with the PDF document, asking questions and receiving responses based on the document's content.</li>
        <li><strong>Role:</strong>It provides a dynamic interaction experience, allowing users to query the content multiple times without re-uploading the document, enhancing the usability of the tool.</li>
    </span>

.. figure:: /Documentation/images/S7.jpg
   :width: 70%
   :alt: Alternative text for the image


.. raw:: html

    <p><span style="color:white;">'</p></span>
     <p style="text-align: justify;"><span style="color:#000080;"> <i>
    These components work together seamlessly to provide a robust and user-friendly experience for PDF processing and interaction in your Streamlit application. If you need more specific information or additional details about any part of the application, feel free to ask!
    </i></span></p>



Example of question and answer
---------------------------------


.. raw:: html

    <span style="color:red;"> 
    <strong>chat with PDF</strong>
    </span>
.. raw:: html

    <p><span style="color:white;">'</p></span>

**English**

.. raw:: html

    <p><span style="color:white;">'</p></span>

    
.. figure:: /Documentation/images/S10.jpg
   :width: 100%
   :alt: Alternative text for the image


.. raw:: html

    <p><span style="color:white;">'</p></span>

**Arabic**

.. raw:: html

    <p><span style="color:white;">'</p></span>

.. figure:: /Documentation/images/CA.jpg
   :width: 100%
   :alt: Alternative text for the image


.. raw:: html

    <span style="color:red;"> 
    <strong>Summarize English</strong>

    </span>
.. raw:: html

    <p><span style="color:white;">'</p></span>

.. figure:: /Documentation/images/S2.jpg
   :width: 100%
   :alt: Alternative text for the image


.. raw:: html

    <p><span style="color:white;">'</p></span>
    <span style="color:red;"> 
    <strong>Summarize Arabic</strong>
    </span>
.. raw:: html

    <p><span style="color:white;">'</p></span>

.. figure:: /Documentation/images/S99.jpg
   :width: 100%
   :alt: Alternative text for the image

.. figure:: /Documentation/images/S9.jpg
   :width: 100%
   :alt: Alternative text for the image

.. raw:: html

    <p><span style="color:white;">'</p></span>
    <span style="color:red;"> 
    <strong>Translate language</strong>
    </span>
.. raw:: html

    <p><span style="color:white;">'</p></span>

**original text**

.. raw:: html

    <p><span style="color:white;">'</p></span>

.. figure:: /Documentation/images/T3.jpg
   :width: 100%
   :alt: Alternative text for the image

.. raw:: html

    <p><span style="color:white;">'</p></span>

**Translate text**

.. raw:: html

    <p><span style="color:white;">'</p></span>

.. figure:: /Documentation/images/T1.jpg
   :width: 100%
   :alt: Alternative text for the image

.. figure:: /Documentation/images/T2.jpg
   :width: 100%
   :alt: Alternative text for the image