@section('meta_description','Besoin de supprimer une signature numérique d'un PDF ? Utilisez iLovePDF pour supprimer rapidement les signatures de vos fichiers PDF en ligne.' ?? null)



@section('main-container')
    <style>
        #pdf_preview {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        #pdf_preview canvas {
            width: 100%;
            height: auto;
        }

        .tabs {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
        }

        .tab-button {
            padding: 10px 20px;
            background-color: #f0f0f0;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }

        .tab-button.active {
            background-color: #A236B2;
            color: #fff;
        }

        .tab-button:hover {
            background-color: #d9d9d9;
        }

        #upload-link:hover {
            background-color: transparent !important;
        }
        .reload_convert-btn{
            text-decoration: none;
            position: relative;
            z-index: 1;
            border: 1.5px dashed #A236B2;
            padding: 12px 80px;
            cursor: pointer;
            color:#A236B2
        }
        .reload_convert-btn:hover{
            border-color: #000; 
        }
        .dropdown_more_options{
            padding: 10px 5px;
            border-bottom: 1px solid #f5f5f5;
        }
        .dropdown_more_options:hover{
            background: #f5f5f5;
        }
        .related-tools {
            padding: 60px 0;
            background: linear-gradient(135deg, #A236B1, #7B1FA2);
        }
        
        .related-tools .title1 {
            color: #ffffff;
            font-size: 42px;
            font-weight: 700;
            text-align: center;
        }
        
        .related-tools p {
            color: #ffffff;
            font-size: 16px;
            max-width: 700px;
            margin: 15px auto 40px auto;
        }
        
        .tool-card {
            background: #ffffff;
            border-radius: 12px;
            padding: 25px 15px;
            text-align: center;
            margin-bottom: 25px;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        }
        
        .tool-card a {
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            color: #A236B1;
            display: block;
        }
        
        .tool-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        }
        
        .tool-card:hover a {
            color: #7B1FA2;
        }
    </style>

    <div class="main">
        <div class="tool tool--small">
            <div class="tool__workarea" id="workArea">
                <div id="main_tool_upload">
                    <div id="dropArea">
                    </div>
                    <div class="tool__header">
                        <h1 class="tool__header__title">Supprimer la Signature du PDF</h1>
                        <h2 class="tool__header__subtitle">Supprimer la Signature du PDF est un outil en ligne simple et sécurisé qui vous aide à supprimer les signatures existantes des documents PDF. Il permet de nettoyer les PDF signés, de corriger les erreurs et de préparer les documents pour une nouvelle signature sans installer de logiciel.</h2>
                    </div>
                    <div class="uploading__bar uploading__bar--small">
                        <span class="uploading__bar__completed"></span>
                    </div>
                    <div id="uploader" class="uploader upload_file-container">

                        <div id="dragAndDrop" class="new_drag-and-drop">
                            <h3>DÉPOSEZ VOS FICHIERS ICI</h3>
                        
                            <div class="upload-options">
                                <a id="upload-link" href="javascript:void(0);" title="Upload file" style="text-decoration: none;">
                                    <div class="drop-box-upload">
                                        <img src="https://img.icons8.com/?size=100&id=39210&format=png&color=000000" alt="PC upload icon" />
                                        <span>Télécharger depuis le PC</span>
                                    </div>
                                </a>
                        
                                <a href="javascript:void(0);" id="upload-dropbox" style="text-decoration: none;" onclick="handleFileUploadFromDropBox()">
                                    <div class="drop-box-upload">
                                        <img src="https://img.icons8.com/?size=100&id=11106&format=png&color=000000" alt="Dropbox upload icon" />
                                        <span>Télécharger depuis Dropbox</span>
                                    </div>
                                </a>
                            </div>
                        
                            <p>— OU —</p>
                            <p>GLISSEZ ET DÉPOSEZ LE PDF ICI</p>
                        </div>

                        <input type="file" id="fileInput" accept=".pdf" style="display: none;">
                    </div>
                    <div class="tool__workarea__rendered" id="fileGroups"></div>
                </div>

                <!-- file-preview box -->
                <div id="pdf-container123" class="d-none">
                    <div class="row" style="align-items: center;">
                        <div class="col-md-12 d-flex justify-content-center">
                            <div class="world_wide_tabs">
                                <div id="pages_view_tab" class="world_wide_tab active" style="border-radius: 5px 0 0 5px !important;">Vue des pages</div>
                                <div id="files_view_tab" class="world_wide_tab" style="border-radius: 0 5px 5px 0 !important;">Vue des fichiers</div>
                            </div>
                        </div>
                    </div>
                    <div id="pages_tab" class="mt-4" style="display: block;">
                        <div id="pages_pdf"></div>
                    </div>
                    <div id="file_tab" class="mt-4" style="display: none;">
                        <div id="files_pdf" class="merge-pdf-grid"></div>
                    </div>
                </div>
            </div>


            <div id="hidden_split_pdf_converter" style="display: none;padding:10px">
                <div class="">
                    <div class="title2 text-center">Supprimer Signature PDF</div>
                </div>
                <br>
                <br>
                <div>
                    <div class="uploader">
                        <a id="removePages" class="reload_convert-btn tooltip--left active" href="#"
                            onclick="RemoveSignPDF()" title="Supprimer la Signature PDF" data-title="Supprimer la Signature PDF"
                            style="position: relative; z-index: 1;">
                           
                            <span>Supprimer la Signature PDF</span>
                        </a>
                    </div>
                    <br>
                    <br>
                    <div id="reload_section" class="justify-content-center" style="display: none">
                        <a id="reload" class="reload_convert-btn tooltip--left active" href="#"
                            onclick="reload()" title="Recharger" data-title="Recharger"
                            style="position: relative; z-index: 1;">
                           
                            <span>Recharger</span>
                        </a>
                    </div>
                </div>
                <br>
                <br>
                <div id="view_download_uploadFile" class="gap-3 justify-content-center" style="display:none">
                    <div id="view_pdf">
                        <a id="view_upload_pdf" class="reload_convert-btn tooltip--left active" href="#"
                            title="Voir" data-title="Voir" style="position: relative; z-index: 1;padding:12px 20px">
                            
                            <span>Voir</span>
                        </a>
                    </div>
                    <div id="Download_pdf">
                        <a id="Download_upload_pdf" class="reload_convert-btn tooltip--left active" href="#"
                            title="Télécharger" data-title="Télécharger" style="position: relative; z-index: 1;padding:12px 20px">
                            <span>Télécharger</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="related-tools">
        <div class="container">
            
            <div class="text-center">
                <div class="title1">Supprimer Signature PDF – Outils Associés</div>
                <p>Gérez les signatures de documents en toute confiance avec des outils qui sécurisent, déverrouillent et modifient vos fichiers PDF.</p>
            </div>
    
            <div class="row mt-4">
    
                <div class="col-md-3 col-sm-6">
                    <div class="tool-card">
                        <a href="/fr/sign-pdf">Sign PDF</a>
                    </div>
                </div>
    
                <div class="col-md-3 col-sm-6">
                    <div class="tool-card">
                        <a href="/fr/redact-pdf">Redact PDF</a>
                    </div>
                </div>
    
                <div class="col-md-3 col-sm-6">
                    <div class="tool-card">
                        <a href="/fr/protact-pdf">Password Protact PDF</a>
                    </div>
                </div>
    
                <div class="col-md-3 col-sm-6">
                    <div class="tool-card">
                        <a href="/fr/unlock-pdf">Unlock PDF</a>
                    </div>
                </div>
                
                <div class="col-md-3 col-sm-6">
                    <div class="tool-card">
                        <a href="/fr/pdf-to-word">PDF Word</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="block block--white" id="aboutmerge">
        <div class="block__container">
            <div class="block__header">
                <h2 class="title1">
                    Comment Utiliser Supprimer Signature PDF (Étape par Étape)
                </h2>
            </div>
            <div class="block__body">
                <div class="row justify-content-center">

                    <div class="col-md-6">
                        <div class="infocard infocard--fill">
                            <h3 class="infounit__title">Étape 1 : Téléchargez le PDF avec Signature</h3>
                            <div class="infounit__body">
                                Commencez par télécharger le fichier PDF avec la signature que vous souhaitez effacer. Cliquez sur le bouton de téléchargement ou faites glisser et déposez votre fichier. Les formats pris en charge incluent PDF, PS et EPS. Fonctionne directement dans votre navigateur sans logiciel supplémentaire.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infocard infocard--fill">
                            <h3 class="infounit__title">Étape 2 : Identifiez la Zone de Signature</h3>
                            <div class="infounit__body">
                                L'outil analyse et reconnaît les éléments de signature visibles comme les signatures manuscrites, les images de signature et les champs de signature numérique. Vous pouvez ajuster certaines images de signature manuellement. Seule la signature est supprimée ; tout autre contenu reste intact.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infocard infocard--fill">
                            <h3 class="infounit__title">Étape 3 : Supprimez la Signature</h3>
                            <div class="infounit__body">
                                Une fois la signature sélectionnée, cliquez sur OK pour la supprimer. Le processus est rapide et fonctionne même sur les PDF de plusieurs pages, se terminant généralement en quelques secondes.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infocard infocard--fill">
                            <h3 class="infounit__title">Étape 4 : Vérifiez le PDF</h3>
                            <div class="infounit__body">
                                Vérifiez le document mis à jour pour vous assurer que la signature a été supprimée et que le PDF reste précis et intact.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infocard infocard--fill">
                            <h3 class="infounit__title">Étape 5 : Téléchargez le Nouveau PDF</h3>
                            <div class="infounit__body">
                                Téléchargez votre PDF mis à jour. Il peut maintenant être partagé, modifié ou re-signé selon les besoins.
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="block block--intro">
        <div class="block__container">
            <div class="block__header">
                <h2 class="title1">Fonctionnalités Principales de Supprimer Signature PDF</h2>
            </div>
            <div class="block__body">
                <div class="row justify-content-center">
                    <div class="col-xl-10 col-lg-12">
                        <div class="row">

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">100% Gratuit et Sans Inscription</h3>
                                    <div class="infocard__body">
                                        Supprimer Signature PDF est gratuit sans inscription. Idéal pour les étudiants, les freelances ou les petites entreprises qui ont besoin d'un service rapide et sécurisé.
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">Outil Basé sur Navigateur Sans Installation</h3>
                                    <div class="infocard__body">
                                        Fonctionne sur tous les appareils et plateformes, y compris Windows, macOS, Linux, Android et iOS, sans installer de logiciel.
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">Préserve le Contenu Original du Document</h3>
                                    <div class="infocard__body">
                                        Supprime uniquement les signatures tout en conservant tout le texte, les graphiques et les tableaux.
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">Traitement Rapide et Efficace</h3>
                                    <div class="infocard__body">
                                        La suppression de signature est rapide, même pour les documents volumineux ou multi-pages.
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">Confidentialité des Fichiers Garantie</h3>
                                    <div class="infocard__body">
                                        Les fichiers sont téléchargés via des connexions sécurisées, traités sur des serveurs chiffrés et supprimés immédiatement après l'achèvement.
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">Prend en Charge les Types de Signature Courants</h3>
                                    <div class="infocard__body">
                                        Gère les signatures manuscrites, les images de signature numérisées et les champs de signature numérique.
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-sm-12">
                                <div class="infocard infocard--fill">
                                    <h3 class="infocard__title">Interface Simple et Conviviale</h3>
                                    <div class="infocard__body">
                                        Un design propre et intuitif guide les utilisateurs à chaque étape, du téléchargement au téléchargement.
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="block block--white" id="use-cases">
        <div class="block__container">
            <div class="block__header">
                <h2 class="title1">Cas d'Usage de Supprimer Signature PDF</h2>
            </div>
            <div class="block__body">
                <div class="row justify-content-center">

                    <div class="col-md-6">
                        <div class="infounit infounit--fill">
                            <h3 class="infounit__title">Corrections de Documents Professionnels</h3>
                            <div class="infounit__body">
                                Supprimez les signatures invalides sur les contrats, propositions et documents RH rapidement sans recréer le document.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infounit infounit--fill">
                            <h3 class="infounit__title">Freelances et Travailleurs à Distance</h3>
                            <div class="infounit__body">
                                Corrigez rapidement les erreurs de signature et retournez les documents aux clients efficacement.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infounit infounit--fill">
                            <h3 class="infounit__title">Documents Juridiques et de Conformité</h3>
                            <div class="infounit__body">
                                Corrigez les signatures incorrectes ou expirées pour garantir que seuls les documents exacts sont conservés et partagés.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infounit infounit--fill">
                            <h3 class="infounit__title">Documents Éducatifs et Académiques</h3>
                            <div class="infounit__body">
                                Les enseignants et les étudiants peuvent corriger les signatures facilement sans imprimer ni rescanner.
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="infounit infounit--fill">
                            <h3 class="infounit__title">Documents Personnels</h3>
                            <div class="infounit__body">
                                Corrigez des documents personnels tels que des contrats de location ou des formulaires scolaires facilement et sans coûts supplémentaires.
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- FAQs -->
    <div class="block1 block--intro" style="padding-top: 50px;">
        <div class="block__container" style="padding: 0px 0px 100px 0px;">
            <div class="block__header">
                <h2 class="title1" style="padding-top:20px; font-size: 32px; font-weight: 600;">
                    Questions Fréquemment Posées
                </h2>
            </div>

            <div class="block__body" style="margin-top: 40px;">
                <div class="row justify-content-center">
                    <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                        <div class="infodrop">

                            <div class="infodrop__item">
                                <h3 class="infodrop__title">1. L'outil Supprimer Signature PDF est-il gratuit ?</h3>
                                <div class="infodrop__content">
                                    <p>
                                        Oui, vous pouvez supprimer des signatures de autant de PDF que vous voulez sans abonnement, filigrane ou inscription. Entièrement gratuit pour usage personnel et professionnel.
                                    </p>
                                </div>
                            </div>

                            <div class="infodrop__item">
                                <h3 class="infodrop__title">2. La suppression de signature affectera-t-elle d'autres contenus du PDF ?</h3>
                                <div class="infodrop__content">
                                    <p>
                                        Non. L'outil est conçu pour préserver votre mise en page originale :
                                        <br>• Votre texte, images, marges et tableaux restent intacts
                                        <br>• Seule la signature est supprimée à la position que vous choisissez
                                        <br>• La structure et le nombre total de pages restent inchangés
                                    </p>
                                </div>
                            </div>

                            <div class="infodrop__item">
                                <h3 class="infodrop__title">3. Puis-je supprimer des signatures de PDF multi-pages ?</h3>
                                <div class="infodrop__content">
                                    <p>
                                        Oui, vous pouvez supprimer des signatures de :
                                        <br>• PDF d'une seule page
                                        <br>• Documents multi-pages
                                        <br>• Fichiers avec plusieurs signatures
                                        <br>Particulièrement utile pour les contrats professionnels et les documents juridiques.
                                    </p>
                                </div>
                            </div>

                            <div class="infodrop__item">
                                <h3 class="infodrop__title">4. Mon document est-il sécurisé lors du téléchargement ?</h3>
                                <div class="infodrop__content">
                                    <p>
                                        Oui. Vos fichiers sont protégés par des transferts chiffrés et supprimés automatiquement après le traitement. Nous ne stockons jamais vos documents à long terme ni ne les utilisons pour la formation, l'analyse ou l'extraction de données.
                                    </p>
                                </div>
                            </div>

                            <div class="infodrop__item">
                                <h3 class="infodrop__title">
                                    5. Fonctionne-t-il sur mobile et bureau ?
                                </h3>
                                <div class="infodrop__content">
                                    <p>
                                        Absolument. Comme l'outil fonctionne entièrement dans votre navigateur, il fonctionne sur :
                                        <br>• Windows, macOS et Linux
                                        <br>• Téléphones et tablettes iOS et Android
                                        <br>L'interface est optimisée pour télécharger, configurer et télécharger des PDF en douceur sur n'importe quel appareil.
                                    </p>
                                </div>
                            </div>

                        </div> <!-- infodrop -->
                    </div>
                </div>
            </div>

        </div>
    </div>
    
    <script>
        var items = document.querySelectorAll('.infodrop__title');
        items.forEach(function(item) {
            item.addEventListener('click', function() {
                item.parentNode.classList.toggle('infodrop__item--open');
            });
        });
    </script>
@endsection

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <!-- meta title -->
    <title>Supprimer la Signature Numérique du PDF | I Love PDF</title>
    <!-- meta description -->
    <meta name="description" content="Best Online PDF tools for PDF lovers">
    <!-- meta keywords -->
    
    <meta name="yandex-verification" content="d4182ac4caba0ce5" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta name="p:domain_verify" content="b2b7e86dc8dee71535c118c69c5fe794"/>
    <meta name="author" content="ilovepdf.biz" />
            <meta name="keywords" content="Convert PDFs Online, PDF Converter Tools, Free PDF Converter Tool">
    
    <!-- Yandex.RTB -->
    <script>window.yaContextCb=window.yaContextCb||[]</script>
    <script src="https://yandex.ru/ads/system/context.js" async></script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Dancing+Script&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">


    <!-- Canonical Tag -->
    <link rel="canonical" href="https://ilovepdf.biz/fr/remove-sign-pdf" />
    <link rel="apple-touch-icon" href="https://ilovepdf.biz/assets/img/fav-icon.png">
    
    <link rel="icon" type="image/png" sizes="16x16" href="https://ilovepdf.biz/assets/img/fav-icon.png">
    <meta property="og:site_name" content="Convert PDFs Online | Free PDF Converter Tools | I Love PDF" />
    <meta property="og:title" content="Convert PDFs Online | Free PDF Converter Tools | I Love PDF" />
    <meta property="og:description" content="Powerful online PDF converter tools to quickly convert, merge, compress, and edit PDFs for free. No downloads, no signup, secure processing, and easy drag‑and‑drop." />
    <meta property="og:image" content="https://ilovepdf.biz/assets/img/ilovepdf/social/en-US/ilovepdf.png" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="/" />
    <meta property="og:app_id" content="" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@ilovepdf_biz">
    <meta name="twitter:creator" content="@ilovepdf_biz">
    <meta name="twitter:title" content="Convert PDFs Online | Free PDF Converter Tools | I Love PDF!">
    <meta name="twitter:description" content="Powerful online PDF converter tools to quickly convert, merge, compress, and edit PDFs for free. No downloads, no signup, secure processing, and easy drag‑and‑drop.">
    <meta name="twitter:image:src" content="https://ilovepdf.biz/assets/img/ilovepdf/social/en-US/ilovepdf.png" />

    
    
    
    
        <link rel="alternate" hreflang="en"        href="https://ilovepdf.biz/remove-sign-pdf" />
    <link rel="alternate" hreflang="es"        href="https://ilovepdf.biz/es/remove-sign-pdf" />
    <link rel="alternate" hreflang="fr"        href="https://ilovepdf.biz/fr/remove-sign-pdf" />
    <link rel="alternate" hreflang="ru"        href="https://ilovepdf.biz/ru/remove-sign-pdf" />
    <link rel="alternate" hreflang="pt"        href="https://ilovepdf.biz/pt/remove-sign-pdf" />
    <link rel="alternate" hreflang="pl"        href="https://ilovepdf.biz/pl/remove-sign-pdf" />
    <link rel="alternate" hreflang="vi"        href="https://ilovepdf.biz/vi/remove-sign-pdf" />
    <link rel="alternate" hreflang="hi"        href="https://ilovepdf.biz/hi/remove-sign-pdf" />
    <link rel="alternate" hreflang="id"        href="https://ilovepdf.biz/id/remove-sign-pdf" />
    <link rel="alternate" hreflang="de"        href="https://ilovepdf.biz/de/remove-sign-pdf" />
    <link rel="alternate" hreflang="x-default" href="https://ilovepdf.biz/remove-sign-pdf" />

    <link rel="apple-touch-icon" href="https://ilovepdf.biz/assets/img/fav-icon_1.png">
    <meta name="google-site-verification" content="" />

    <link rel="icon" type="image/png" sizes="16x16" href="https://ilovepdf.biz/assets/img/fav-icon_1.png">
    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WTMWV6XT');
    </script>
    <!-- End Google Tag Manager -->

    <!-- GSC Code -->
    <meta name="google-site-verification" content="zozWZ5xmkcchTie1GfCkz4M7SMj5V2keaLksyUJsglc" />

    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Semibold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="https://ilovepdf.biz/assets/font/Graphik-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">


    <script>
        (function() {
            window.__browserSupports__ = [];
            try {
                var grid_supported = typeof document.createElement('div').style.grid === 'string';
                grid_supported ? window.__browserSupports__.push('grid') : window.__browserSupports__.push('not:grid');
            } catch (e) {}

            var interval = null;
            var fn = function() {
                document.body.setAttribute("data-browser-supports", window.__browserSupports__.join(" "));
                clearInterval(interval);
                interval = null;
            }

            interval = setInterval(function() {
                if (document.body) fn();
            }, 5);
        })();
    </script>

    <link rel="prefetch" href="https://ilovepdf.biz/assets/js/plupload/plupload.full.min.js" crossorigin="anonymous">
    
    <link href="https://ilovepdf.biz/assets/css/app.d3d37ef.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/web.d3d37ef.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/ilovepdf-mainlayout.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/pages.d3d37ef.css" rel="stylesheet">
    <link href="https://ilovepdf.biz/assets/css/sign.d3d37ef.css" rel="stylesheet">

    <!-- Include PDF.js library -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>

    <!-- <script src="app.js"></script> -->
    <!-- Include Google API Client Library -->
    <script type="text/javascript" src="https://apis.google.com/js/api.js"></script>
    
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1532908277720682"
     crossorigin="anonymous"></script>
     
    <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="qa1egzjqf2wszgi"></script>

    <style>
        .upload_file-container{
           width:50%;   
        }
        
        @media screen and (max-width: 800px) {
            .upload_file-container{
               width:100%;   
            }
        }

        .new_drag-and-drop {
            border: 2px dashed #bbb;
            border-radius: 18px;
            padding: 40px;
            text-align: center;
            background: linear-gradient(135deg, #f9fafb, #e9ecef);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            width: 100%;
            max-width: 600px;
            margin: 40px auto;
        }

        .new_drag-and-drop:hover {
            background: linear-gradient(135deg, #ffffff, #f3f4f6);
            border-color: #A236B2;
            box-shadow: 0 10px 30px rgba(0, 126, 229, 0.2);
        }

        .new_drag-and-drop h3 {
            margin-bottom: 25px;
            color: #333;
            font-weight: 700;
            letter-spacing: 0.5px;
        }

        .upload-options {
            display: flex;
            justify-content: center;
            gap: 25px;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }

        .drop-box-upload {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 130px;
            height: 130px;
            background: linear-gradient(135deg, #f9fafb, #e5e7eb);
            border-radius: 18px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
            cursor: pointer;
            text-align: center;
            padding: 10px;
        }

        .drop-box-upload:hover {
            transform: translateY(-6px) scale(1.05);
            background: linear-gradient(135deg, #ffffff, #f0f0f0);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
        }
        
        .world_wide_tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

        .world_wide_tab {
            padding: 10px 20px;
            border: 1px solid #ccc;
            cursor: pointer;
            transition: all 0.3s;
        }

        .world_wide_tab.active {
            background: #A236B2;
            border-color: #A236B2;
            color: #fff !important;
        }

        .drop-box-upload img {
            width: 55px;
            height: 55px;
            margin-bottom: 10px;
            filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
            transition: transform 0.3s ease;
        }

        .drop-box-upload:hover img {
            transform: rotate(8deg) scale(1.1);
        }

        .drop-box-upload span {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            transition: color 0.3s ease;
        }

        .drop-box-upload:hover span {
            color: #A236B2;
        }

        .drag-and-drop p {
            color: #555;
            font-weight: 500;
            font-size: 15px;
            letter-spacing: 0.4px;
            margin-top: 20px;
        }
        .tool {
            align-items: start !important;
        }
        
        #pdf-container {
            width: 70%;
            height: 280px;
            border: 1px solid #ccc;
            overflow: hidden;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @media(max-width: 500px) {
            #pdf-container {
                width: 700%;
                height: 200px;
                margin-bottom: 30px;
                padding: 20px;
            }
        }

        .side-panel {
            padding: 30px 20px 10px 20px;
        }

        @media (max-width: 500px) {
            .side-panel {
                padding: 0px !important;
                width: 87% !important;
            }
        }

        .tool__workarea {
            overflow-y: auto;
        }

        canvas {
            display: block;
        }

        #upload-link:hover {
            background-color: #45a049;
        }

        #fileInput {
            display: none;
        }

        .pagination-controls {

            margin-top: 20px;
            text-align: center;
        }

        .pagination-controls button {
            padding: 10px 20px;
            margin: 0 10px;
            cursor: pointer;
        }

        /* compress pdf css */

        .pdf-thumbnail-container {
            position: relative;
            display: inline-block;
            margin: 10px;
            text-align: center;
        }

        .pdf-thumbnail {
            width: 100px;
            height: auto;
            display: block;
        }

        .pdf-container {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            width: 100%;
            /* Main container width */
        }

        .right-panel {
            position: relative;
            width: 30%;
            /* Panel width */
            min-height: 200px;
            /* Minimum height */
            border-left: 1px solid #ddd;
            /* Optional border for separation */
            display: flex;
            justify-content: center;
            align-items: flex-end;
            padding-bottom: 20px;
            /* Space for the button */
        }

        .delete-button {
            position: absolute;
            top: 0;
            right: 0;
            background-color: red;
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 16px;
        }

        .pdf-filename {
            display: block;
            margin-top: 5px;
            font-size: 14px;
            word-wrap: break-word;
            width: 100px;
        }

        .drag-and-drop {
            border: 2px dashed #ccc;
            padding: 20px;
            text-align: center;
            margin: 20px 0;
            width: 100%;
        }

        .merge-btn {
            padding: 10px 20px;
            background-color: #f0f0f0;
            color: #aaa;
            text-decoration: none;
            border-radius: 5px;
            pointer-events: none;
            /* Disable pointer events */
        }

        .merge-btn:hover {
            background-color: #e0e0e0;
        }

        .header nav .menu>ul>li.has-dropdown:hover> :first-child:after {
            left: calc(24% - 12px);
        }

        @media (max-width:1650px) {
            .header nav .menu>ul>li.has-dropdown:hover> :first-child:after {
                left: calc(28% - 12px);
            }
        }

        ul.second-menu {
            width: 61% !important;
        }


        /* Loaders CSS */

        .loader {
            border: 8px solid #f3f3f3;
            /* Light grey */
            border-top: 8px solid #A236B2;
            /* Blue */
            border-radius: 50%;
            width: 80px;
            height: 80px;
            animation: spin 2s linear infinite;
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
        }

        @media(max-width:500px) {
            .loader {
                left: 39%;
            }

            .tool {
                flex-direction: column;
            }

            .tool__workarea {
                min-height: 200px;
            }

            #uploader {
                width: 100% !important
            }

            .downloader__btn,
            .uploader__btn {
                margin-top: 25px;
            }
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .loader-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.8);
            display: none;
            z-index: 999;
        }

        .downloader__btn,
        .uploader__btn {
            background: #fff;
        }

        .uploader__btn:hover {
            background-color: #A236B2;
            color: #fff !important;
        }
    </style>

    <meta name="msvalidate.01" content="A3273FD44BA3A17D45711879D2FB0F21" />

</head>

<body class="lang-en-US home"><!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTMWV6XT" height="0" width="0"
        style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
/* @media (max-width: 1650px) { */

    .header nav .menu>ul>li.has-dropdown:hover> :first-child:after {
        display: none !important;
    }
    #md_screen_none{
        display: flex;
    }
    #menu_md{
        display: none;
    }
    a:hover{
        color: #A236B2 !important;
    }
    @media screen and (max-width: 1030px){
        #md_screen_none{
            display: none
        }
        #menu_md{
            display: block
        }
    }
    .header nav .actions > ul > li.has-dropdown:hover > a,
    .header nav .actions > ul > li.has-dropdown:hover > span,
    .header nav .menu > ul > li.has-dropdown:hover > a,
    .header nav .menu > ul > li.has-dropdown:hover > span{
        color: #A236B2 !important;
    }

    .ico--faq:hover{
        color: #A236B2 !important;
    }
    
    .active{
        color: #A236B2 !important;
    }
/* } */
</style>
<header class="header">
    <nav>
        <a class="brand" href="/" id="logoLink" title="ILovePDF">
            <img src="https://ilovepdf.biz/assets/img/ilovepdf.png" alt="ILovePDF" />
        </a>
        <div class="menu" style="margin-right: 0px;">
                        
            <ul>
                <a href="https://ilovepdf.biz/fr/pdf-editor" id="pdf_editor">
                    <span id="nav__title_pdf_editor" class="mr-3" style="font-size: inherit">
                        PDF EDITOR
                    </span>
                </a>
            </ul>
            <ul>
                <a href="https://ilovepdf.biz/fr/merge-pdf" id="merge_pdf">
                    <span id="nav__title_merge_pdf" class="mr-3" style="font-size: inherit;text-transform: uppercase;">
                        MERGE PDF
                    </span>
                </a>
            </ul>
            <ul>
                <a href="https://ilovepdf.biz/fr/split-pdf" id="split_pdf">
                    <span id="nav__title_split_pdf" class="mr-3" style="font-size: inherit;text-transform: uppercase;">
                        SPLIT PDF
                    </span>
                </a>
            </ul>
            <ul>
                <a href="https://ilovepdf.biz/fr/compress-pdf" id="compress_pdf">
                    <span id="nav__title_compress_pdf" class="mr-3" style="font-size: inherit;text-transform: uppercase;">
                        COMPRESS PDF
                    </span>
                </a>
            </ul>
        </div>
        <div class="menu" style="margin:0px;">
                <ul>
                    <li class="has-dropdown">
                        <span class="d-flex align-items-center gap-2">
                            <span id="nav_md__title_all">All Tools</span>

                            <img src="https://ilovepdf.biz/assets/img/svg_icons/down-arrow.svg" alt="down arrow"
                                width="11" height="11" />
                        </span>
                        <div class="dropdown full--dropdown" style="width:600px;">
                            <ul class="row" style="padding:10px 0px;">
                                <div class="col-md-4">
                                    <span id="nav__title_2" style="margin-left: 13px;">
                                        Convert to PDF
                                    </span>
                                    <br>
                                    <li class="col-md-6"><a href="/gif-to-pdf" id="gifToPdfLink"><img class="svg"
                                                src="https://ilovepdf.biz/assets/img/tools/gif-to-pdf.svg" alt="GIF TO PDF" />GIF
                                            to PDF</a></li>
                                    <li class="col-md-6"><a href="/ico-to-pdf" id="icoToPdfLink"><i
                                                class="ico ico--htmlpdf"></i>ICO
                                            to PDF</a></li>
                                    <li class="col-md-6"><a href="/powerpoint-to-pdf" id="powerpointToPdfLink"><i
                                                class="ico ico--powerpointpdf"></i>POWERPOINT to PDF</a></li>
                                    <li class="col-md-6"><a href="/png-to-pdf" id="pngToPdfLink"><i
                                                class="ico ico--jpgpdf"></i>PNG
                                            to PDF</a></li>
                                    <li class="col-md-6"><a href="/word-to-pdf" id="wordToPdfLink"><i
                                                class="ico ico--jpgpdf"></i>Word to PDF</a></li>
                                </div>
                                <div class="col-md-4">
                                    <div>
                                        <span id="nav__title_8" style="margin-left: 13px;">Convert From PDF</span>
                                        <br>
                                        <li class="col-md-6"><a href="/pdf-to-html" id="pdfTohtml2"><i
                                                    class="ico ico--pdfexcel"></i> PDF to HTML</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-word" id="pdfToword3"><i class="ico ico--pdfword"></i>
                                                PDF toWORD</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-jpg" id="pdfTojpg2"><i class="ico ico--pdfjpg"></i>
                                                PDF to JPG</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-png" id="pdfTopng2"><i class="ico ico--pdfjpg"></i>
                                                PDF to PNG</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-powerpoint" id="pdfTopowerpoint2"><i
                                                    class="ico ico--pdfpowerpoint"></i> PDF to POWERPOINT</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-image" id="pdfTopowerimagen2"><i
                                                    class="ico ico--pdfa"></i> PDF to IMAGE</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-excel" id="pdfTopowerexcel2"><i
                                                    class="ico ico--pdfa"></i> PDF to Excel</a></li>
                                        <li class="col-md-6"><a href="/unlock-pdf" id="unlock-pdf2"><i class="ico ico--pdfa"></i>
                                                Unlock PDF</a></li>
                                        <li class="col-md-6"><a href="/pdf-to-text" id="pdfTotext2"><i class="ico ico--pdfa"></i>
                                                PDF to Text</a></li>
                                        <li class="col-md-6"><a href="/merge-pdf" id="merge-pdf2"><i class="ico ico--pdfa"></i>
                                                Merge PDF</a></li>
                                        <li class="col-md-6"><a href="/split-pdf" id="split-pdf2"><i class="ico ico--pdfa"></i>Split
                                                PDF</a></li>
                                        <li class="col-md-6"><a href="/delete-pdf-pages" id="remove-pages2"><i
                                                    class="ico ico--pdfa"></i>Delete PDF Pages</a></li>
                                        <li class="col-md-6"><a href="/rotate-pdf" id="rotate-pdf2"><i
                                                    class="ico ico--pdfa"></i>Rotate PDF</a></li>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div>
                                        <span id="nav__title_1" style="margin-left: 13px;">
                                            Image Tools
                                        </span>
                                        <br>
                                        <li class="col-md-6"><a href="/png-to-ico" id="pngToico"><i
                                            class="ico ico--rotate"></i>PNG TO ICO</a></li>
                                        <li class="col-md-6"><a href="/gif-to-png" id="gifTopng"><i
                                                    class="ico ico--rotate"></i>GIF TO PNG</a></li>
                                        <li class="col-md-6"><a href="/webp-to-png" id="webpTopng"><i
                                                    class="ico ico--rotate"></i>WEBP TO PNG</a></li>
                                        <li class="col-md-6"><a href="/heic-to-png" id="heicTopng"><i
                                                    class="ico ico--rotate"></i>HEIC TO PNG</a></li>
                                        <li class="col-md-6"><a href="/jfif-to-png" id="jfifTopng"><i
                                                    class="ico ico--rotate"></i>JFIF TO PNG</a></li>
                                        <li class="col-md-6"><a href="/jpg-to-webp" id="jpgTowebp"><i
                                                    class="ico ico--pagenumber"></i> JPG TO WEBP</a>
                                        </li>
                                        <li class="col-md-6"><a href="/heic-to-jpg" id="heicTojpg"><i
                                                    class="ico ico--rotate"></i>HEIC TO JPG</a></li>
                                        <li class="col-md-6"><a href="/avif-to-jpg" id="avifTojpg"><i
                                                    class="ico ico--rotate"></i>AVIF TO JPG</a></li>
                                    </div>
                                </div>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </li>
        </ul>
        </div>
        
        <div class="actions">
            <ul id="menu_md">
                <li class="has-dropdown">
                    <span><i class="ico ico--hamburger"></i></span>
                    <div class="dropdown dropdown--single dropdown--left">
                        <ul>
                            <li class="has-dropdown">
                                <span><i class="ico ico--help" id="help-icon"></i> Help</span>
                                <ul class="dropdown">
                                    <li style="font-size: 11px"><a href="/faq" id="faq2"><i class="ico ico--faq"></i> FAQ</a>
                                    </li>
                                    <li style="font-size: 11px"><a href="/legal" id="legal2"><i class="ico ico--legal"></i> Legal &
                                            Privacy</a></li>
                                    <li><a href="/business" id="business2"><i class="ico ico--business"></i>
                                        Business</a></li>
                                    <li style="font-size: 11px"><a href="/about" id="about2"><i class="ico ico--about"></i> Our
                                            Story</a></li>
                                    <li style="font-size: 11px"><a href="/contact" id="contact2"><i class="ico ico--contact"></i>
                                            Contact</a></li>
                                    <li style="font-size: 11px"><a href="/disclaimer" id="disclaimer2"><i class="ico ico--documentation"></i>
                                        Disclaimer</a></li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span><i class="ico ico--lang" id="lang_icon"></i>Language</span>
                                <div class="dropdown lang">
                                    <span class="lang__current" style="font-size: 11px"><i class="ico ico--world"></i>English <i
                                            class="ico ico--down"></i></span>
                                    <ul class="lang__menu">
                                        <li style="font-size: 11px"><a id="english2"> English</a></li>
                                        <li style="font-size: 11px"><a id="spanish2"> Español</a></li>
                                        <li style="font-size: 11px"><a id="vietnamese2"> Tiếng Việt</a></li>
                                        <li style="font-size: 11px"><a id="hindi2"> हिन्दी</a></li>
                                        <li style="font-size: 11px"><a id="Indonesia2"> Indonesia</a></li>
                                        <li style="font-size: 11px"><a id="French2"> Français</a></li>
                                        <li style="font-size: 11px"><a href="/ru"> Russian</a></li>
                                        <li style="font-size: 11px"><a id="Polish2"> Polski</a></li>
                                        <li style="font-size: 11px"><a id="Portugues2"> Português</a></li>
                                        <li style="font-size: 11px"><a id="Dutch2"> Deutsch</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span id="nav_md__title_1">Image Tools</span>
                                <div class="dropdown lang">
                                    <ul class="lang__menu">
                                        <li><a href="/png-to-ico" id="pngToico2" style="font-size: 11px"><i class="ico ico--rotate"></i>PNG TO ICO</a></li>
                                        <li><a href="/gif-to-png" id="gifTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>GIF TO PNG</a></li>
                                        <li><a href="/webp-to-png" id="webpTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>WEBP TO PNG</a></li>
                                        <li><a href="/heic-to-png" id="heicTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>HEIC TO PNG</a></li>
                                        <li><a href="/jfif-to-png" id="jfifTopng2" style="font-size: 11px"><i class="ico ico--rotate"></i>JFIF TO PNG</a></li>
                                        <li><a href="/jpg-to-webp" id="jpgTowebp2" style="font-size: 11px"><i class="ico ico--pagenumber"></i> JPG TO WEBP</a>
                                        </li>
                                        <li><a href="/heic-to-jpg" id="heicTojpg2" style="font-size: 11px"><i class="ico ico--rotate"></i>HEIC TO JPG</a></li>
                                        <li><a href="/avif-to-jpg" id="avifTojpg2" style="font-size: 11px"><i class="ico ico--rotate"></i>AVIF TO JPG</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span id="nav_md__title_2">Convert to PDF</span>
                                <div class="dropdown lang">
                                    <ul class="lang__menu">
                                        <li><a href="/gif-to-pdf" id="gifToPdfLink2" style="font-size: 11px"><i class="ico ico--gifpdf"></i> GIF
                                            to PDF</a></li>
                                        <li><a href="/ico-to-pdf" id="icoToPdfLink2" style="font-size: 11px"><i class="ico ico--htmlpdf"></i>ICO
                                                to PDF</a></li>
                                        <li><a href="/powerpoint-to-pdf" id="powerpointToPdfLink2" style="font-size: 11px"><i
                                                    class="ico ico--powerpointpdf"></i>POWERPOINT to PDF</a></li>
                                        <li><a href="/png-to-pdf" id="pngToPdfLink2" style="font-size: 11px"><i class="ico ico--jpgpdf"></i>PNG
                                                to PDF</a></li>
                                        <li><a href="/word-to-pdf" id="wordToPdfLink2" style="font-size: 11px"><i
                                                    class="ico ico--jpgpdf"></i>Word to PDF</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li class="has-dropdown">
                                <span id="nav_md__title_3">Convert from PDF</span>
                                <div class="dropdown lang">
                                    <ul class="lang__menu">
                                        <li><a href="/pdf-to-html" id="pdfTohtml" style="font-size: 11px"><i class="ico ico--pdfexcel"></i> PDF to
                                            HTML</a></li>
                                        <li><a href="/pdf-to-word" id="pdfToword4" style="font-size: 11px"><i class="ico ico--pdfword"></i> PDF to
                                                WORD</a></li>
                                        <li><a href="/pdf-to-jpg" id="pdfTojpg" style="font-size: 11px"><i class="ico ico--pdfjpg"></i> PDF to
                                                JPG</a></li>
                                        <li><a href="/pdf-to-png" id="pdfTopng" style="font-size: 11px"><i class="ico ico--pdfjpg"></i> PDF to
                                                PNG</a></li>
                                        <li><a href="/pdf-to-powerpoint" id="pdfTopowerpoint" style="font-size: 11px"><i
                                                    class="ico ico--pdfpowerpoint"></i> PDF to POWERPOINT</a></li>
                                        <li><a href="/pdf-to-image" id="pdfTopowerimagen" style="font-size: 11px"><i class="ico ico--pdfa"></i> PDF
                                                to IMAGE</a></li>
                                        <li><a href="/pdf-to-excel" id="pdfTopowerexcel" style="font-size: 11px"><i class="ico ico--pdfa"></i> PDF
                                                to Excel</a></li>
                                        <li><a href="/unlock-pdf" id="unlock-pdf5" style="font-size: 11px"><i class="ico ico--pdfa"></i> Unlock
                                                PDF</a></li>
                                        <li><a href="/pdf-to-text" id="pdfTotext" style="font-size: 11px"><i class="ico ico--pdfa"></i> PDF to
                                                Text</a></li>
                                        <li><a href="/merge-pdf" id="merge-pdf5" style="font-size: 11px"><i class="ico ico--pdfa"></i> Merge
                                                PDF</a></li>
                                        <li><a href="/split-pdf" id="split-pdf5" style="font-size: 11px" ><i
                                            class="ico ico--pdfa"></i>Split PDF</a></li>
                                            <li class="col-md-6"><a href="/delete-pdf-pages" id="remove-pages"><i
                                                class="ico ico--pdfa"></i>Remove Pages</a></li>
                                            <li class="col-md-6"><a href="/rotate-pdf" id="rotate-pdf"><i
                                                class="ico ico--pdfa"></i>Rotate PDF</a></li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <ul>
                <li class="has-dropdown" id="md_screen_none">
                    <span class="d-flex align-items-center gap-2">
                        <span class="help-icon">
                            Help
                        </span>
                        <i class="ico ico--down">
                        </i>
                    </span>
                    <div class="dropdown dropdown--single dropdown--left">
                        <ul>
                            <li><a href="/faq" id="faq"><i class="ico ico--faq"></i> FAQ</a>
                            </li>
                            <li><a href="/legal" id="legal"><i class="ico ico--legal"></i> Legal &
                                    Privacy</a></li>
                            <li><a href="/business" id="business"><i class="ico ico--business"></i>
                                Business</a></li>
                            <li><a href="/about" id="about"><i class="ico ico--about"></i> Our
                                    Story</a></li>
                            <li><a href="/contact" id="contact"><i class="ico ico--contact"></i>
                                    Contact</a></li>
                            <li><a href="/disclaimer" id="disclaimer"><i class="ico ico--documentation"></i>
                                Disclaimer</a></li>
                        </ul>
                    </div>
                </li>
                <li class="has-dropdown" id="md_screen_none">
                    <span class="d-flex align-items-center gap-2">
                        <span class="lang-icon">
                            Language
                        </span>
                        <i class="ico ico--down">
                        </i>
                    </span>
                    <div class="dropdown dropdown--single dropdown--left lang">
                        <ul class="lang__menu">
                            <li><a id="english"> English</a></li>
                            <li><a id="spanish"> Español</a></li>
                            <li><a id="vietnamese"> Tiếng Việt</a></li>
                            <li><a id="hindi"> हिन्दी</a></li>
                            <li><a id="Indonesia"> Indonesia</a></li>
                            <li><a id="French"> Français</a></li>
                            <li><a href="/ru"> Russian</a></li>
                            <li><a id="Polish"> Polski</a></li>
                            <li><a id="Portugues"> Português</a></li>
                            <li><a id="Dutch"> Deutsch</a></li>
                            <!--<li><a href="/fr"> Français</a></li>
                                <li><a href="/it"> Italiano</a></li>
                                <li><a href="/pt"> Português</a></li>
                                <li><a href="/ja"> 日本語</a></li>
                                <li><a href="/ru"> Pусский</a></li>
                                <li><a href="/ko"> 한국어</a></li>
                                <li><a href="/zh-cn"> 中文 (简体)</a></li>
                                <li><a href="/zh-tw"> 中文 (繁體)</a></li>
                                <li><a href="/ar"> العربية</a></li>
                                <li><a href="/bg"> Български</a></li>
                                <li><a href="/ca"> Català</a></li>
                                <li><a href="/nl"> Nederlands</a></li>
                                <li><a href="/el"> Ελληνικά</a></li>
                                <li><a href="/ms"> Bahasa Melayu</a></li>
                                <li><a href="/pl"> Polski</a></li>
                                <li><a href="/sv"> Svenska</a></li>
                                <li><a href="/th"> ภาษาไทย</a></li>
                                <li><a href="/tr"> Türkçe</a></li>
                                <li><a href="/uk"> Українська</a></li>
                                <li><a href="/vi"> Tiếng Việt</a></li> -->
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</header>

<script>
    const path = window.location.pathname;
    const parts = path.split('/').filter(Boolean);
    const firstPart = path.split('/')[1];
    const firstPart2 = parts[0];
    const path2 = path.split('/')[0];
    const secondPart = parts[1] || '';
    const validLanguages = ['es', 'vi', 'hi', 'id', 'fr', 'pl', 'pt', 'de'];

    // Languages checking
    const basePath = secondPart ? '/' + secondPart : '';
    const englishPath = basePath ? path2 + basePath : "/";
    const spanishPath = '/es' + basePath;
    const vietnamesePath = '/vi' + basePath;
    const hindiPath = '/hi' + basePath;
    const indonesiaPath = '/id' + basePath;
    const frenchPath = '/fr' + basePath;
    const polishPath = '/pl' + basePath;
    const portuguesPath = '/pt' + basePath;
    const dutchPath = '/de' + basePath;

    document.getElementById('english').setAttribute('href', englishPath);
    document.getElementById('spanish').setAttribute('href', spanishPath);
    document.getElementById('vietnamese').setAttribute('href', vietnamesePath);
    document.getElementById('hindi').setAttribute('href', hindiPath);
    document.getElementById('Indonesia').setAttribute('href', indonesiaPath);
    document.getElementById('French').setAttribute('href', frenchPath);
    document.getElementById('Polish').setAttribute('href', polishPath);
    document.getElementById('Portugues').setAttribute('href', portuguesPath);
    document.getElementById('Dutch').setAttribute('href', dutchPath);
    // 2nd
    document.getElementById('english2').setAttribute('href', englishPath);
    document.getElementById('spanish2').setAttribute('href', spanishPath);
    document.getElementById('vietnamese2').setAttribute('href', vietnamesePath);
    document.getElementById('hindi2').setAttribute('href', hindiPath);
    document.getElementById('Indonesia2').setAttribute('href', indonesiaPath);
    document.getElementById('French2').setAttribute('href', frenchPath);
    document.getElementById('Polish2').setAttribute('href', polishPath);
    document.getElementById('Portugues2').setAttribute('href', portuguesPath);
    document.getElementById('Dutch2').setAttribute('href', dutchPath);
    

    if (firstPart === 'es') {
        document.getElementById('spanish').classList.add('active');
    } else if (firstPart === 'vi') {
        document.getElementById('vietnamese').classList.add('active');
    } else if (firstPart === 'hi') {
        document.getElementById('hindi').classList.add('active');
    } else if (firstPart === 'id') {
        document.getElementById('Indonesia').classList.add('active');
    } else if (firstPart === 'fr') {
        document.getElementById('French').classList.add('active');
    } else if (firstPart === 'pl') {
        document.getElementById('Polish').classList.add('active');
    } else if (firstPart === 'pt') {
        document.getElementById('Portugues').classList.add('active');
    } else if (firstPart === 'de') {
        document.getElementById('Dutch').classList.add('active');
    } else {
        document.getElementById('english').classList.add('active');
    }

    const links = [
        {
            id: 'gifToPdfLink',
            path: 'gif-to-pdf',
            newText: 'GIF sang PDF'
        },
        {
            id: 'icoToPdfLink',
            path: 'ico-to-pdf',
            newText: 'ICO sang PDF'
        },
        {
            id: 'powerpointToPdfLink',
            path: 'powerpoint-to-pdf',
            newText: 'POWERPOINT sang PDF'
        },
        {
            id: 'pngToPdfLink',
            path: 'png-to-pdf',
            newText: 'PNG sang PDF'
        },
        {
            id: 'wordToPdfLink',
            path: 'word-to-pdf',
            newText: 'WORD sang PDF'
        },
        {
            id: 'gifToPdfLink2',
            path: 'gif-to-pdf',
            newText: 'GIF sang PDF'
        },
        {
            id: 'icoToPdfLink2',
            path: 'ico-to-pdf',
            newText: 'ICO sang PDF'
        },
        {
            id: 'powerpointToPdfLink2',
            path: 'powerpoint-to-pdf',
            newText: 'POWERPOINT sang PDF'
        },
        {
            id: 'pngToPdfLink2',
            path: 'png-to-pdf',
            newText: 'PNG sang PDF'
        },
        {
            id: 'wordToPdfLink2',
            path: 'word-to-pdf',
            newText: 'WORD sang PDF'
        }          
    ];

    const links2 = [
        
        {
            id: 'pdfTohtml2',
            path: 'pdf-to-html',
            newText: 'PDF sang HTML',
            icon: 'ico--pdfhtml'
        },
        {
            id: 'pdfToword3',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--pdfword'
        },
        {
            id: 'pdfTojpg2',
            path: 'pdf-to-jpg',
            newText: 'PDF sang JPG',
            icon: 'ico--pdfjpg'
        },
        {
            id: 'pdfTopng2',
            path: 'pdf-to-png',
            newText: 'PDF sang PNG',
            icon: 'ico--pdfpng'
        },
        {
            id: 'pdfTopowerpoint2',
            path: 'pdf-to-powerpoint',
            newText: 'PDF sang POWERPOINT',
            icon: 'ico--pdfpowerpoint'
        },
        {
            id: 'pdfTopowerimagen2',
            path: 'pdf-to-image',
            newText: 'PDF sang IMAGE',
            icon: 'ico--pdfimage'
        },
        {
            id: 'pdfTopowerexcel2',
            path: 'pdf-to-excel',
            newText: 'PDF sang EXCEL',
            icon: 'ico--pdfexcel'
        },
        {
            id: 'unlock-pdf2',
            path: 'unlock-pdf',
            newText: 'Unlock PDF',
            icon: 'ico--unlockpdf'
        },
        {
            id: 'pdfTotext2',
            path: 'pdf-to-text',
            newText: 'PDF sang TEXT',
            icon: 'ico--pdftext'
        },
        {
            id: 'merge-pdf2',
            path: 'merge-pdf',
            newText: 'Merge PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'split-pdf2',
            path: 'split-pdf',
            newText: 'Split PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'rotate-pdf2',
            path: 'rotate-pdf',
            newText: 'Rotate PDF',
            icon: 'ico--rotatepdf'
        },
        {
            id: 'remove-pages2',
            path: 'delete-pdf-pages',
            newText: 'Delete PDF Pages',
            icon: 'ico--removePages'
        },
        // 2nd 
        {
            id: 'pdfTohtml',
            path: 'pdf-to-html',
            newText: 'PDF sang HTML',
            icon: 'ico--pdfhtml'
        },
        {
            id: 'pdfToword4',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--pdfword'
        },
        {
            id: 'pdfTojpg',
            path: 'pdf-to-jpg',
            newText: 'PDF sang JPG',
            icon: 'ico--pdfjpg'
        },
        {
            id: 'pdfTopng',
            path: 'pdf-to-png',
            newText: 'PDF sang PNG',
            icon: 'ico--pdfpng'
        },
        {
            id: 'pdfTopowerpoint',
            path: 'pdf-to-powerpoint',
            newText: 'PDF sang POWERPOINT',
            icon: 'ico--pdfpowerpoint'
        },
        {
            id: 'pdfTopowerimagen',
            path: 'pdf-to-image',
            newText: 'PDF sang IMAGE',
            icon: 'ico--pdfimage'
        },
        {
            id: 'pdfTopowerexcel',
            path: 'pdf-to-excel',
            newText: 'PDF sang EXCEL',
            icon: 'ico--pdfexcel'
        },
        {
            id: 'unlock-pdf5',
            path: 'unlock-pdf',
            newText: 'Unlock PDF',
            icon: 'ico--unlockpdf'
        },
        {
            id: 'pdfTotext',
            path: 'pdf-to-text',
            newText: 'PDF sang TEXT',
            icon: 'ico--pdftext'
        },
        {
            id: 'merge-pdf5',
            path: 'merge-pdf',
            newText: 'Merge PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'split-pdf5',
            path: 'split-pdf',
            newText: 'Split PDF',
            icon: 'ico--mergpdf'
        },
        {
            id: 'rotate-pdf',
            path: 'rotate-pdf',
            newText: 'Rotate PDF',
            icon: 'ico--rotatepdf'
        },
        {
            id: 'remove-pages',
            path: 'delete-pdf-pages',
            newText: 'Delete PDF Pages',
            icon: 'ico--removePages'
        },
    ];

    const links3 = [
        {
            id: 'pngToico',
            path: 'png-to-ico',
            newText: 'PNG sang ICO',
            icon: 'ico--rotate'
        },
        {
            id: 'gifTopng',
            path: 'gif-to-png',
            newText: 'GIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'pdfToword',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--rotate'
        },
        {
            id: 'webpTopng',
            path: 'webp-to-png',
            newText: 'WEBP sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'heicTopng',
            path: 'heic-to-png',
            newText: 'HEIC sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jfifTopng',
            path: 'jfif-to-png',
            newText: 'JFIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jpgTowebp',
            path: 'jpg-to-webp',
            newText: 'JPG sang WEBP',
            icon: 'ico--pagenumber'
        },
        {
            id: 'heicTojpg',
            path: 'heic-to-jpg',
            newText: 'HEIC sang JPG',
            icon: 'ico--rotate'
        },
        {
            id: 'avifTojpg',
            path: 'avif-to-jpg',
            newText: 'AVIF sang JPG',
            icon: 'ico--rotate'
        },
        // new 2nd
        {
            id: 'pngToico2',
            path: 'png-to-ico',
            newText: 'PNG sang ICO',
            icon: 'ico--rotate'
        },
        {
            id: 'gifTopng2',
            path: 'gif-to-png',
            newText: 'GIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'pdfToword2',
            path: 'pdf-to-word',
            newText: 'PDF sang WORD',
            icon: 'ico--rotate'
        },
        {
            id: 'webpTopng2',
            path: 'webp-to-png',
            newText: 'WEBP sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'heicTopng2',
            path: 'heic-to-png',
            newText: 'HEIC sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jfifTopng2',
            path: 'jfif-to-png',
            newText: 'JFIF sang PNG',
            icon: 'ico--rotate'
        },
        {
            id: 'jpgTowebp2',
            path: 'jpg-to-webp',
            newText: 'JPG sang WEBP',
            icon: 'ico--pagenumber'
        },
        {
            id: 'heicTojpg2',
            path: 'heic-to-jpg',
            newText: 'HEIC sang JPG',
            icon: 'ico--rotate'
        },
        {
            id: 'avifTojpg2',
            path: 'avif-to-jpg',
            newText: 'AVIF sang JPG',
            icon: 'ico--rotate'
        }
    ];

    const links4 = [
        {
            id: 'faq',
            path: 'faq',
            texts: {
                en: 'FAQ',
                vi: 'Câu hỏi thường gặp',
                es: 'Preguntas Frecuentes',
                hi: 'अक्सर पूछे जाने वाले प्रश्न',
                id: 'Pertanyaan Umum',
                fr: 'FAQ',
                pl: 'Często zadawane pytania',
                pt: 'Perguntas frequentes',
                de: 'Veelgestelde vragen',
            },
            icon: 'ico--faq'
        },
        {
            id: 'faq2',
            path: 'faq',
            texts: {
                en: 'FAQ',
                vi: 'Câu hỏi thường gặp',
                es: 'Preguntas Frecuentes',
                hi: 'अक्सर पूछे जाने वाले प्रश्न',
                id: 'Pertanyaan Umum',
                fr: 'FAQ',
                pl: 'Często zadawane pytania',
                pt: 'Perguntas frequentes',
                de: 'Veelgestelde vragen',
            },
            icon: 'ico--faq'
        },
        {
            id: 'legal',
            path: 'legal',
            texts: {
                en: 'Legal & Privacy',
                vi: 'Pháp lý & Bảo mật',
                es: 'Legal y Privacidad',
                hi: 'कानूनी एवं गोपनीयता',
                id: 'Hukum & Privasi',
                fr: 'Légal & Confidentialité',
                pl: 'Informacje prawne i prywatność',
                pt: 'Jurídico e privacidade',
                de: 'Juridisch en privacy',
            },
            icon: 'ico--legal'
        },
        {
            id: 'legal2',
            path: 'legal',
            texts: {
                en: 'Legal & Privacy',
                vi: 'Pháp lý & Bảo mật',
                es: 'Legal y Privacidad',
                hi: 'कानूनी एवं गोपनीयता',
                id: 'Hukum & Privasi',
                fr: 'Légal & Confidentialité',
                pl: 'Informacje prawne i prywatność',
                pt: 'Jurídico e privacidade',
                de: 'Juridisch en privacy',
            },
            icon: 'ico--legal'
        },
        {
            id: 'about',
            path: 'about',
            texts: {
                en: 'Our Story',
                vi: 'Câu chuyện của chúng tôi',
                es: 'Nuestra Historia',
                hi: 'हमारी कहानी',
                id: 'Kisah kami',
                fr: 'à propos',
                pl: 'Nasza historia',
                pt: 'Nossa história',
                de: 'Ons verhaal',
            },
            icon: 'ico--about'
        },
        {
            id: 'about2',
            path: 'about',
            texts: {
                en: 'Our Story',
                vi: 'Câu chuyện của chúng tôi',
                es: 'Nuestra Historia',
                hi: 'हमारी कहानी',
                id: 'Kisah kami',
                fr: 'à propos',
                pl: 'Nasza historia',
                pt: 'Nossa história',
                de: 'Ons verhaal',
            },
            icon: 'ico--about'
        },
        {
            id: 'contact',
            path: 'contact',
            texts: {
                en: 'Contact',
                vi: 'Liên hệ',
                es: 'Contacto',
                hi: 'संपर्क',
                id: 'Kontak',
                fr: 'Contact',
                pl: 'Kontakt',
                pt: 'Contato',
                de: 'Contact',
            },
            icon: 'ico--contact'
        },
        {
            id: 'contact2',
            path: 'contact',
            texts: {
                en: 'Contact',
                vi: 'Liên hệ',
                es: 'Contacto',
                hi: 'संपर्क',
                id: 'Kontak',
                fr: 'Contact',
                pl: 'Kontakt',
                pt: 'Contato',
                de: 'Contact',
            },
            icon: 'ico--contact'
        },
        {
            id: 'disclaimer',
            path: 'disclaimer',
            texts: {
                en: 'Disclaimer',
                vi: 'Tuyên bố miễn trừ trách nhiệm',
                es: 'Descargo de responsabilidad',
                hi: 'अस्वीकरण',
                id: 'Penafian',
                fr: 'Clause de non-responsabilité',
                pl: 'Zastrzeżenie',
                pt: 'Isenção de responsabilidade',
                de: 'Vrijwaring',
            },
            icon: 'ico--documentation'
        },
        {
            id: 'disclaimer2',
            path: 'disclaimer',
            texts: {
                en: 'Disclaimer',
                vi: 'Tuyên bố miễn trừ trách nhiệm',
                es: 'Descargo de responsabilidad',
                hi: 'अस्वीकरण',
                id: 'Penafian',
                fr: 'Clause de non-responsabilité',
                pl: 'Zastrzeżenie',
                pt: 'Isenção de responsabilidade',
                de: 'Vrijwaring',
            },
            icon: 'ico--documentation'
        },
        {
            id: 'business',
            path: 'business',
            texts: {
                en: 'Business',
                vi: 'Việc kinh doanh',
                es: 'Negocio',
                hi: 'व्यापार',
                id: 'Bisnis',
                fr: 'Entreprise',
                pl: 'Biznes',
                pt: 'Negócios',
                de: 'Bedrijf',
            },
            icon: 'ico--business'
        },
        {
            id: 'business2',
            path: 'business',
            texts: {
                en: 'Business',
                vi: 'Việc kinh doanh',
                es: 'Negocio',
                hi: 'व्यापार',
                id: 'Bisnis',
                fr: 'Entreprise',
                pl: 'Biznes',
                pt: 'Negócios',
                de: 'Bedrijf',
            },
            icon: 'ico--business'
        },
    ];

    // logos IDs
    const logoLink = document.getElementById('logoLink');

    links.forEach(link => {
        const linkElement = document.getElementById(link.id);
        if (linkElement) {
            const pathParts = link.path ? link.path.split('-') : []; 
            const iconName = pathParts[0] || 'pdfjpg';

            if (firstPart === 'vi') {
                linkElement.href = `/vi/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText}`;
                logoLink.href = `/vi`;
            } else if (firstPart === 'es') {
                linkElement.href = `/es/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'a')}`;
                logoLink.href = `/es`;
            } else if (firstPart === 'hi') {
                linkElement.href = `/hi/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'से')}`;
                logoLink.href = `/hi`;
            } else if (firstPart === 'id') {
                linkElement.href = `/id/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'ke')}`;
                logoLink.href = `/id`;
            } else if (firstPart === 'fr') {
                linkElement.href = `/fr/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'vers')}`;
                logoLink.href = `/fr`;
            } else if (firstPart === 'pl') {
                linkElement.href = `/pl/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'do')}`;
                logoLink.href = `/pl`;
            } else if (firstPart === 'pt') {
                linkElement.href = `/pt/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'para')}`;
                logoLink.href = `/pt`;
            } else if (firstPart === 'de') {
                linkElement.href = `/de/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'naar')}`;
                logoLink.href = `/de`;
            } else {
                linkElement.href = `/${link.path}`;
                linkElement.innerHTML = 
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'to')}`;
                logoLink.href = '/';
            }
        }

    });

    links2.forEach(link => {
        const linkElement = document.getElementById(link.id);
        if (linkElement) {
            const pathParts = link.path ? link.path.split('-') : []; 
            let iconName;
            if (pathParts[0] === 'unlock') {
                iconName = 'unlock';
            } else if (pathParts[0] === 'split') {
                iconName = 'split';
            } else if (pathParts[0] === 'merge') {
                iconName = 'merge';
            } else if (pathParts[0] === 'remove') {
                iconName = 'remove';
            } else if (pathParts[0] === 'rotate') {
                iconName = 'rotate';
            } else {
                iconName = pathParts[2] || 'noimage';
            }
            
            if (firstPart === 'vi') {
                linkElement.href = `/vi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText}`;
            } else if (firstPart === 'es') {
                linkElement.href = `/es/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'a')}`;
            } else if (firstPart === 'hi') {
                linkElement.href = `/hi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'से')}`;
            } else if (firstPart === 'id') {
                linkElement.href = `/id/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'ke')}`;
            } else if (firstPart === 'fr') {
                linkElement.href = `/fr/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'vers')}`;
            } else if (firstPart === 'pl') {
                linkElement.href = `/pl/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'do')}`;
            } else if (firstPart === 'pt') {
                linkElement.href = `/pt/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'para')}`;
            } else if (firstPart === 'de') {
                linkElement.href = `/de/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'naar')}`;
            } else {
                linkElement.href = `/${link.path}`;
                linkElement.innerHTML =
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_two/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'to')}`;
                logoLink.href = '/';
            }
        } else {
            console.warn(`Element with ID '${link.id}' not found in the DOM.`);
        }
    });

    links3.forEach(link => {
        const linkElement = document.getElementById(link.id);
        if (linkElement) {
            const pathParts = link.path ? link.path.split('-') : []; 
            const iconName = pathParts[0] || 'pdfjpg';

            if (firstPart === 'vi') {
                linkElement.href = `/vi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText}`;
            } else if (firstPart === 'es') {
                linkElement.href = `/es/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'a')}`;
            } else if (firstPart === 'hi') {
                linkElement.href = `/hi/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'से')}`;
            } else if (firstPart === 'id') {
                linkElement.href = `/id/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'ke')}`;
            } else if (firstPart === 'fr') {
                linkElement.href = `/fr/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'vers')}`;
            } else if (firstPart === 'pl') {
                linkElement.href = `/pl/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'do')}`;
            } else if (firstPart === 'pt') {
                linkElement.href = `/pt/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'para')}`;
            } else if (firstPart === 'de') {
                linkElement.href = `/de/${link.path}`;
                linkElement.innerHTML = `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'naar')}`;
            } else {
                linkElement.href = `/${link.path}`;
                linkElement.innerHTML =
                    `<img src="https://ilovepdf.biz/assets/img/tools/header_icon_three/${iconName}.svg" alt="icon" width="25" height="25" /> ${link.newText.replace('sang', 'to')}`;
                logoLink.href = '/';
            }
        }
    });

    document.addEventListener('DOMContentLoaded', () => {
        let firstPart2 = parts[0];
        const validLanguages = ['es', 'vi', 'hi', 'id', 'fr', 'pl', 'pt', 'de'];
        let lang = validLanguages.includes(firstPart) ? firstPart : 'en';

        if (!validLanguages.includes(firstPart2)) {
            firstPart2 = 'en';
        }

        const helpText = {
            en: 'Help',
            es: 'Ayuda',
            vi: 'Trợ giúp',
            hi: 'मदद',
            id: 'Membantu',
            fr: 'Aide',
            id: 'Pomoc',
            pt: 'Ajuda',
            de: 'Hulp',
        };
        const langText = {
            en: 'Language',
            es: 'Idioma',
            vi: 'Ngôn ngữ',
            hi: 'भाषा',
            id: 'Bahasa',
            fr: 'Langue',
            pl: 'Język',
            pt: 'Linguagem',
            de: 'Taal',
        };
        const toolText = {
            en: 'Image Tools',
            es: 'Herramientas de imagen',
            vi: 'Công cụ hình ảnh',
            hi: 'घर',
            id: 'Alat Gambar',
            fr: 'Outils images',
            pl: 'Narzędzia obrazu',
            pt: 'Ferramentas de imagem',
            de: 'Beeldhulpmiddelen',
        };
        const toolText2 = {
            en: 'Convert to PDF',
            es: 'Convertir a PDF',
            vi: 'Chuyển đổi sang PDF',
            hi: 'पीडीएफ में कनवर्ट करें',
            id: 'Konversikan ke PDF',
            fr: 'Convertir vers PDF',
            pl: 'Konwertuj do formatu PDF',
            pt: 'Converter para PDF',
            de: 'Converteren naar PDF',
        };
        const toolText3 = {
            en: 'Convert to PDF',
            es: 'Convertir a PDF',
            vi: 'Chuyển đổi sang PDF',
            hi: 'पीडीएफ में कनवर्ट करें',
            id: 'Konversikan ke PDF',
            fr: 'Convertir vers PDF',
            pl: 'Konwertuj do formatu PDF',
            pt: 'Converter para PDF',
            de: 'Converteren naar PDF',
        };
        const toolText4 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText5 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText6 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            ru: 'Конвертировать из PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText7 = {
            en: 'All Tools',
            es: 'Todas las herramientas PDF',
            vi: 'Tất cả các công cụ PDF',
            hi: 'सभी पीडीएफ उपकरण',
            id: 'Semua Alat PDF',
            fr: 'Tous les outils PDF',
            pl: 'Wszystkie narzędzia',
            pt: 'Todas as ferramentas',
            de: 'Alle gereedschappen',
        };
        const toolText8 = {
            en: 'Convert PDF',
            es: 'Convertir PDF',
            vi: 'Chuyển đổi PDF',
            hi: 'पीडीएफ कन्वर्ट करें',
            id: 'Konversi PDF',
            fr: 'Convertir un PDF',
            pl: 'Konwertuj PDF',
            de: 'PDF converteren',
            pt: 'Converter PDF',
        };
        const toolText9 = {
            en: 'Convert from PDF',
            es: 'Convertir desde PDF',
            vi: 'Chuyển đổi từ PDF',
            hi: 'पीडीएफ से कनवर्ट करें',
            id: 'Konversi dari PDF',
            fr: 'Convertir à partir un PDF',
            pl: 'Konwertuj z pliku PDF',
            pt: 'Converter de PDF',
            de: 'Converteren van PDF',
        };
        const toolText10 = {
            en: 'IMAGE TO TEXT',
            es: 'IMAGEN A TEXTO',
            vi: 'HÌNH ẢNH ĐẾN VĂN BẢN',
            hi: 'पाठ के लिए छवि',
            id: 'GAMBAR KE TEKS',
            fr: 'IMAGE EN TEXTE',
            pl: 'OBRAZ NA TEKSCIE',
            pt: 'IMAGEM PARA TEXTO',
            de: 'AFBEELDING NAAR TEKST',
        };
        
        const toolText11 = {
            en: 'PDF EDITOR',
            es: 'EDITOR DE PDF',
            vi: 'BIÊN TẬP PDF',
            hi: 'पीडीएफ संपादक',
            id: 'EDIT PDF',
            fr: 'ÉDITEUR DE PDF',
            pl: 'EDYTOR PDF',
            pt: 'EDITOR DE PDF',
            de: 'PDF-EDITOR',
        };
        
         const toolText14 = {
            en: 'Compress PDF',
            es: 'Comprimir PDF',
            vi: 'Nén PDF',
            hi: 'पीडीएफ संपीड़ित करें',
            id: 'Kompres PDF',
            fr: 'Compresser PDF',
            pl: 'Kompresuj PDF',
            pt: 'Comprimir PDF',
            de: 'PDF komprimieren',
            it: 'Comprimi PDF',
            ar: 'ضغط ملف PDF',
        };

        const toolText16 = {
            en: 'Split PDF',
            es: 'Dividir PDF',
            vi: 'Tách PDF',
            hi: 'पीडीएफ विभाजित करें',
            id: 'Pisahkan PDF',
            fr: 'Diviser PDF',
            pl: 'Podziel PDF',
            pt: 'Dividir PDF',
            de: 'PDF teilen',
            it: 'Dividi PDF',
            ar: 'تقسيم ملف PDF',
        };

        const toolText17 = {
            en: 'Merge PDF',
            es: 'Unir PDF',
            vi: 'Gộp PDF',
            hi: 'पीडीएफ मर्ज करें',
            id: 'Gabungkan PDF',
            fr: 'Fusionner PDF',
            pl: 'Połącz PDF',
            pt: 'Unir PDF',
            de: 'PDF zusammenführen',
            it: 'Unisci PDF',
            ar: 'دمج ملفات PDF',
        };


        // text change
        const helpElement = document.querySelector('span .help-icon').parentElement;
        if (helpElement) {
            helpElement.innerHTML = ` ${helpText[lang] || helpText.en} <i class="ico ico--down"></i>`;
        }
        // 2nd
        const helpElement2 = document.querySelector('span #help-icon').parentElement;
        if (helpElement2) {
            helpElement2.innerHTML = ` ${helpText[lang] || helpText.en}`;
        }
        const langElement = document.querySelector('span .lang-icon').parentElement;
        if (langElement) {
            langElement.innerHTML = ` ${langText[lang] || langText.en} <i class="ico ico--down"></i>`;
        }
        // 2nd
        const langElement2 = document.querySelector('span #lang_icon').parentElement;
        if (langElement2) {
            langElement2.innerHTML = ` ${langText[lang] || langText.en}`;
        }
        const ToolTextElement = document.getElementById('nav__title_1');
        if (ToolTextElement) {
            ToolTextElement.textContent = toolText[lang] || toolText.en;
        }
        // 2nd
        const ToolTextElement2 = document.getElementById('nav_md__title_1');
        if (ToolTextElement2) {
            ToolTextElement2.textContent = toolText[lang] || toolText.en;
        }
        const ToolText2Element = document.getElementById('nav__title_2');
        if (ToolText2Element) {
            ToolText2Element.textContent = toolText2[lang] || toolText2.en;
        }
        // 2nd
        const ToolText2Element2 = document.getElementById('nav_md__title_2');
        if (ToolText2Element2) {
            ToolText2Element2.textContent = toolText2[lang] || toolText2.en;
        }
        const ToolText3Element = document.getElementById('nav__title_3');
        if (ToolText3Element) {
            ToolText3Element.textContent = toolText3[lang] || toolText3.en;
        }
        // 2nd
        const ToolText3Element2 = document.getElementById('nav_md__title_3');
        if (ToolText3Element2) {
            ToolText3Element2.textContent = toolText3[lang] || toolText3.en;
        }
        const ToolText4Element = document.getElementById('nav__title_4');
        if (ToolText4Element) {
            ToolText4Element.textContent = toolText4[lang] || toolText4.en;
        }
        const ToolText5Element = document.getElementById('nav__title_5');
        if (ToolText5Element) {
            ToolText5Element.textContent = toolText5[lang] || toolText5.en;
        }
        const ToolText6Element = document.getElementById('nav__title_6');
        if (ToolText6Element) {
            ToolText6Element.textContent = toolText7[lang] || toolText7.en;
        }
        const ToolText7Element = document.getElementById('nav__title_7');
        if (ToolText7Element) {
            ToolText7Element.textContent = toolText8[lang] || toolText8.en;
        }
        const ToolText8Element = document.getElementById('nav__title_8');
        if (ToolText8Element) {
            ToolText8Element.textContent = toolText9[lang] || toolText9.en;
        }

        const ToolText11Element = document.getElementById('nav__title_pdf_editor');
        if (ToolText11Element) {
            ToolText11Element.textContent = toolText11[lang] || toolText11.en;
        }
        
        const ToolText12Element = document.getElementById('nav__title_compress_pdf');
        if (ToolText12Element) {
            ToolText12Element.textContent = toolText14[lang] || toolText14.en;
        }
        const ToolText13Element = document.getElementById('nav__title_split_pdf');
        if (ToolText13Element) {
            ToolText13Element.textContent = toolText16[lang] || toolText16.en;
        }
        const ToolText14Element = document.getElementById('nav__title_merge_pdf');
        if (ToolText14Element) {
            ToolText14Element.textContent = toolText17[lang] || toolText17.en;
        }



        // end text change

        links4.forEach(link => {
            const linkElement = document.getElementById(link.id);
            if (linkElement) {
                const linkText = link.texts[firstPart2] || link.texts.en;

                linkElement.href = firstPart2 === 'en' ? `/${link.path}` :
                    `/${firstPart2}/${link.path}`;
                linkElement.innerHTML = `<i class="ico ${link.icon}"></i> ${linkText}`;
            }
        });
    });
</script>
<div>
    <input type="file" id="fileInput" accept=".pdf" style="display: none;">
    <input type="hidden" id="hashValue">
</div>

<div class="loader-overlay" id="loader-overlay"></div>
<div class="loader" id="loader"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.9.359/pdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.27.2/axios.min.js"></script>
<script src="https://ilovepdf.biz/assets/js/app.d3d37ef.js" async="async"></script>

<script>
    let uploadedFiles = [];
    let totalFiles = 0;
    let fileIdCounter = 0;
    let originalPdfItemsOrder = [];
    let originalPdfFileItemsOrder = [];
    const fileInput = document.getElementById('fileInput');
    const loader = document.getElementById('loader');
    const loaderOverlay = document.getElementById('loader-overlay');
    const hiddenConverter = document.getElementById('hidden_split_pdf_converter');
    const mainWorkArea = document.getElementById('main_tool_upload');
    const mainPdfPreview = document.getElementById('main_pdf_preview');
    const viewDownloadUploadFile = document.getElementById('view_download_uploadFile');
    const downloadButton = document.getElementById('Download_upload_pdf');
    const previewButton = document.getElementById('view_upload_pdf');
    const pagesViewTab = document.getElementById('pages_view_tab');
    const filesViewTab = document.getElementById('files_view_tab');
    const pages_tab = document.getElementById('pages_tab');
    const pdfGrid = document.getElementById('pages_pdf');
    const pdfFileGrid = document.getElementById('files_pdf');
    const file_tab = document.getElementById('file_tab');


    document.getElementById('upload-link').addEventListener('click', function(event) {
        event.preventDefault();
        document.getElementById('fileInput').click();
    });

    // Show loader
    function showLoader() {
        loader.style.display = 'block';
        loaderOverlay.style.display = 'block';
    }

    // Hide loader
    function hideLoader() {
        loader.style.display = 'none';
        loaderOverlay.style.display = 'none';
    }

    pagesViewTab.addEventListener('click', () => {
        pagesViewTab.classList.add('active');
        filesViewTab.classList.remove('active');
        pages_tab.style.display = 'block';
        file_tab.style.display = 'none';
    });

    filesViewTab.addEventListener('click', () => {
        filesViewTab.classList.add('active');
        pagesViewTab.classList.remove('active');
        file_tab.style.display = 'block';
        pages_tab.style.display = 'none';
    });

    // dropbox integration
    function handleFileUploadFromDropBox() {
        Dropbox.choose({
            extensions: ['.pdf'],
            multiselect: false,
            linkType: "direct",

            success: function(files) {
                files.forEach((file, index) => {
                    const realDownloadLink = file.link.replace("?dl=0", "?dl=1");

                    fetch(realDownloadLink)
                        .then(response => {
                            if (!response.ok) throw new Error('Network response was not ok');
                            return response.blob();
                        })
                        .then(blob => {
                            const pdfFile = new File([blob], file.name, { type: blob.type });
                            const fileReader = new FileReader();

                            fileReader.onload = function (e) {
                                const typedArray = new Uint8Array(e.target.result);
                                const fileUrl = URL.createObjectURL(pdfFile);
                                const fileName = pdfFile.name;
                                const fileId = `file-${fileIdCounter++}`;

                                document.getElementById('dragAndDrop').classList.add('d-none');
                                document.querySelector('#pdf-container123').classList.remove('d-none');
                                document.querySelector('#hidden_split_pdf_converter').style.display = "block";

                                renderPDF(typedArray, fileUrl, fileId);
                                renderPDFForFileGrid(typedArray, fileUrl, fileName, fileId);

                                uploadedFiles.push(pdfFile);
                            };

                            fileReader.readAsArrayBuffer(pdfFile);
                        })
                        .catch(error => {
                            console.error('Dropbox File Fetch Error:', error);
                            alert('Failed to fetch the Dropbox file. Try downloading manually.');
                        });
                });
            },

            cancel: function () {
                console.log("Dropbox file selection canceled.");
            }
        });
    }
    
    fileInput.addEventListener('change', async function() {
        handleFiles(event.target.files);
    });

    function handleFiles(files) {
        const files1 = Array.from(event.target.files);
        if (files1.length > 0) {
            files1.forEach((file) => {
                if (!uploadedFiles.some((uploadedFile) => uploadedFile.name === file.name)) {
                    uploadedFiles.push(file);
                }
            });
        }
    }
    document.getElementById('fileInput').addEventListener('change', function(event) {
        const files = event.target.files;
        
        Array.from(files).forEach(file => {
            const isValidType = file.type.startsWith('application/pdf');

            if (isValidType) {
                const fileReader = new FileReader();
                fileReader.onload = function(e) {
                    const typedArray = new Uint8Array(e.target.result);
                    const fileUrl = URL.createObjectURL(file);
                    const fileName = file.name;
                    const fileId = `file-${fileIdCounter++}`;
                    document.getElementById('dragAndDrop').classList.add('d-none');
                    document.querySelector('#pdf-container123').classList.remove('d-none');

                    renderPDF(typedArray, fileUrl, fileId, fileName);
                    renderPDFForFileGrid(typedArray, fileUrl, fileName, fileId);
                };
                fileReader.readAsArrayBuffer(file);
            } else {
                alert(`Invalid file: ${file.name}. Only PDF files are allowed!`);
            }
        });
        event.target.value = '';
    });
    async function renderPDF(pdfData, pdfFileUrl, fileId, fileName) {
        const loadingTask = pdfjsLib.getDocument(pdfData);
        const pdfDocument = await loadingTask.promise;

        for (let pageNum = 1; pageNum <= pdfDocument.numPages; pageNum++) {
            const page = await pdfDocument.getPage(pageNum);

            const viewport = page.getViewport({
                scale: 1
            });
            const canvas = document.createElement('canvas');
            const context = canvas.getContext('2d');
            canvas.width = viewport.width;
            canvas.height = viewport.height;

            const renderContext = {
                canvasContext: context,
                viewport: viewport,
            };

            await page.render(renderContext).promise;

            const dataUrl = canvas.toDataURL();

            const pdfItem = document.createElement('div');
            pdfItem.classList.add('merge-pdf-item');
            pdfItem.setAttribute('data-file-id', fileId);
            pdfItem.setAttribute('data-page-num', pageNum);
            pdfItem.style.border = "1px solid #ccc";
            pdfItem.style.padding = "10px";
            pdfItem.style.margin = "10px";
            pdfItem.style.display = "inline-block";
            pdfItem.style.backgroundColor = "#f4f4f4";
            pdfItem.style.textAlign = "center";
            pdfItem.style.boxShadow = "0 4px 8px rgba(0, 0, 0, 0.1)";
            pdfItem.style.borderRadius = "8px";
            pdfItem.setAttribute('data-pdf-source', pdfFileUrl);

            const pdfThumbnail = document.createElement('img');
            pdfThumbnail.classList.add('merge-pdf-preview');
            pdfThumbnail.src = dataUrl;
            pdfThumbnail.style.width = "100%";
            pdfThumbnail.style.height = "200px";
            pdfThumbnail.style.borderRadius = "4px";
            pdfThumbnail.style.overflow = "hidden";

            const cleanFileName = (fileName || 'Untitled').replace(/\.pdf$/i, '');
            const pdfTitle = document.createElement('div');
            pdfTitle.classList.add('merge-pdf-title');
            pdfTitle.textContent = `${cleanFileName} - Page ${pageNum}`;
            pdfTitle.style.fontSize = "14px";
            pdfTitle.style.textTransform = "Capitalize";
            pdfTitle.style.marginTop = "5px";

            pdfItem.appendChild(pdfThumbnail);
            pdfItem.appendChild(pdfTitle);

            pdfGrid.appendChild(pdfItem);

            document.getElementById('dragAndDrop').classList.add('d-none');
            document.querySelector('#pdf-container123').classList.remove('d-none');
            document.querySelector('#hidden_split_pdf_converter').style.display="block";
        }
    }

    async function renderPDFForFileGrid(pdfData, pdfFileUrl, fileName, fileId) {
        const pdfFileGrid = document.getElementById('files_pdf');

        const loadingTask = pdfjsLib.getDocument(pdfData);
        const pdfDocument = await loadingTask.promise;

        const firstPage = await pdfDocument.getPage(1);
        const viewport = firstPage.getViewport({
            scale: 1
        });
        const canvas = document.createElement('canvas');
        const context = canvas.getContext('2d');
        canvas.width = viewport.width;
        canvas.height = viewport.height;

        const renderContext = {
            canvasContext: context,
            viewport: viewport,
        };

        await firstPage.render(renderContext).promise;

        const dataUrl = canvas.toDataURL();

        const pdfFileItem = document.createElement('div');
        pdfFileItem.classList.add('merge-pdf-file-item');
        pdfFileItem.setAttribute('data-file-id', fileId);
        pdfFileItem.style.border = "1px solid #ccc";
        pdfFileItem.style.padding = "10px";
        pdfFileItem.style.margin = "10px";
        pdfFileItem.style.position = "relative";
        pdfFileItem.style.display = "inline-block";
        pdfFileItem.style.backgroundColor = "#f4f4f4";
        pdfFileItem.style.textAlign = "center";
        pdfFileItem.style.boxShadow = "0 4px 8px rgba(0, 0, 0, 0.1)";
        pdfFileItem.style.borderRadius = "8px";

        const deleteOverlay = document.createElement('div');
        deleteOverlay.style.position = "absolute";
        deleteOverlay.style.top = "0";
        deleteOverlay.style.left = "0";
        deleteOverlay.style.width = "100%";
        deleteOverlay.style.height = "100%";
        deleteOverlay.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
        deleteOverlay.style.display = "flex";
        deleteOverlay.style.justifyContent = "center";
        deleteOverlay.style.alignItems = "center";
        deleteOverlay.style.borderRadius = "8px";
        deleteOverlay.style.cursor = "pointer";
        deleteOverlay.style.opacity = "0";
        deleteOverlay.style.transition = "opacity 0.2s ease";
        deleteOverlay.style.gap = "20px";

        const deleteIcon = document.createElement('img');
        deleteIcon.src = "https://img.icons8.com/?size=100&id=99971&format=png&color=ffffff";
        deleteIcon.style.width = "40px";
        deleteIcon.style.height = "40px";
        deleteIcon.style.cursor = "pointer";
        deleteIcon.title = "Delete";

        const editIcon = document.createElement('img');
        editIcon.src = "https://img.icons8.com/?size=100&id=111452&format=png&color=ffffff";
        editIcon.style.width = "40px";
        editIcon.style.height = "40px";
        editIcon.style.cursor = "pointer";
        editIcon.title = "Edit";

        deleteOverlay.appendChild(editIcon);
        deleteOverlay.appendChild(deleteIcon);

        deleteOverlay.addEventListener("click", function() {
            pdfFileGrid.removeChild(pdfFileItem);

            const pagesPdf = document.getElementById('pages_pdf');
            const pages = Array.from(pagesPdf.getElementsByClassName('merge-pdf-item'));
            pages.forEach((page) => {
                if (page.dataset.fileId === fileId) {
                    pagesPdf.removeChild(page);
                    document.getElementById('dragAndDrop').classList.remove('d-none');
                    document.querySelector('#pdf-container123').classList.add('d-none');
                    document.querySelector('#hidden_split_pdf_converter').style.display="none";
                }
            });
        });

        pdfFileItem.addEventListener("mouseenter", () => {
            deleteOverlay.style.opacity = "1";
        });

        pdfFileItem.addEventListener("mouseleave", () => {
            deleteOverlay.style.opacity = "0";
        });

        const thumbnail = document.createElement('img');
        thumbnail.src = dataUrl;
        thumbnail.style.width = "100%";
        thumbnail.style.height = "180px";
        thumbnail.style.borderRadius = "4px";
        thumbnail.style.overflow = "hidden";

        const title = document.createElement('div');
        title.classList.add('merge-pdf-title');
        title.textContent = fileName;
        title.style.marginTop = "10px";
        title.style.fontSize = "14px";
        title.style.fontWeight = "bold";

        editIcon.addEventListener("click", function (e) {
            e.stopPropagation();

            const input = document.createElement('input');
            input.type = 'text';
            input.value = title.textContent;
            input.style.width = "80%";
            input.style.marginTop = "10px";
            input.style.fontSize = "14px";
            input.style.textAlign = "center";

            let saveTriggered = false;

            if (title.parentNode) {
                title.parentNode.replaceChild(input, title);
            }
            input.focus();

            const saveTitle = () => {
                if (saveTriggered) return;
                saveTriggered = true;

                const newTitle = input.value.trim() || "Untitled";
                title.textContent = newTitle;

                if (input.parentNode) {
                    try {
                        input.parentNode.replaceChild(title, input);
                    } catch (e) {
                        console.warn("Node was already replaced or removed:", e);
                    }
                }
            };

            input.addEventListener('blur', saveTitle);

            input.addEventListener('keydown', (event) => {
                if (event.key === 'Enter') {
                    event.preventDefault();
                    saveTitle();
                    input.blur();
                }
            });
        });


        pdfFileItem.appendChild(deleteOverlay);
        pdfFileItem.appendChild(thumbnail);
        pdfFileItem.appendChild(title);

        pdfFileGrid.appendChild(pdfFileItem);
    }


    function RemoveSignPDF() {
        if (uploadedFiles.length === 0) {
            alert('Please upload at least one PDF file.');
            return;
        }
        const file = uploadedFiles[0];

        const formData = new FormData();
        formData.append('file', file);

        showLoader();

        axios.post('https://pdfapi.pdfconvertly.com/TXfiKpmRw2Xt2hPiVs9A9uKp', formData, {
                headers: {
                    'Content-Type': 'multipart/form-data',
                },
            })
            .then(response => {
                hideLoader();
                const pdfFileName = response.data.unsigned_pdf || 'no_found';
                const fullUrl = `https://pdfapi.pdfconvertly.com/mmbs73eyGM3U/${pdfFileName}`;
                const originalFileName = file.name.replace(/\.[^/.]+$/, "_unsigned_pdf.pdf");

                axios
                    .get(fullUrl, {
                        responseType: 'blob'
                    })
                    .then(response => {
                        previewButton.addEventListener('click', () => {
                            openPreviewDialogBox(originalFileName, fullUrl);
                        });
                        downloadButton.addEventListener('click', () => {
                            const blob = new Blob([response.data], {
                                type: 'application/pdf'
                            });
                            const link = document.createElement('a');
                            link.href = window.URL.createObjectURL(blob);
                            link.setAttribute('download', originalFileName || 'unsigned_PDF.pdf');
                            document.body.appendChild(link);
                            link.click();
                            document.body.removeChild(link);
                            window.URL.revokeObjectURL(link.href);
                        });
                        viewDownloadUploadFile.style.display = 'flex';
                        document.getElementById('reload_section').style.display = 'flex';
                    })
                    .catch(error => {
                        console.error('Download failed:', error);
                        alert('Error downloading the file.');
                    });
            })
            .catch(error => {
                hideLoader();
                console.error('Error Remove Sign From PDF:', error);
                alert('Failed to Remove Sign from PDF. Please try again.');
            });
    
    }
    
    function openPreviewDialogBox(fileName, fullUrl) {
        const dialog = document.createElement('div');
        dialog.className = 'dialog-box-2';
        dialog.style.position = 'fixed';
        dialog.style.top = '0';
        dialog.style.left = '0';
        dialog.style.width = '100vw';
        dialog.style.height = '100vh';
        dialog.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
        dialog.style.display = 'flex';
        dialog.style.justifyContent = 'center';
        dialog.style.alignItems = 'center';
        dialog.style.zIndex = '10000';

        dialog.innerHTML = `
            <div class="dialog-content">
                <div style="padding: 10px; background-color: #ffff; color: #000; font-size: 18px; display: flex; justify-content: space-between; align-items: center; border-radius: 6px 6px 0 0;">
                    <span>${fileName}</span>
                    <div id="close-dialog" style="cursor: pointer; margin-left: 15px;">
                        <img src="https://img.icons8.com/?size=100&id=88571&format=png&color=000000" width="20" />
                    </div>
                </div>
                <div style="margin-top: 0; text-align: center;">
                    <iframe src="${fullUrl}" style="width: 80vw; height: 80vh; border: none; border-radius: 0 0 6px 6px;" title="Preview" allowfullscreen="allowfullscreen"></iframe>
                </div>
            </div>
        `;
        document.body.appendChild(dialog);

        dialog.querySelector('#close-dialog').addEventListener('click', function () {
            document.body.removeChild(dialog);
        });
    }
    
    function reload() {
        location.reload();
    }
</script>

<style>
    .footer-main{
        background: #fff !important;
        border-top: 1.5px solid #f5f5fa
    }
    .company_items {
        display: flex;
        justify-content: end;
    }

    .ilovepdf_items {
        display: flex;
        justify-content: center;
    }

    @media (max-width: 450px) {
        .ilovepdf_items {
            justify-content: start;
        }

        .main_items_div {
            margin-top: 12px;
        }
        
        .company_items {
            justify-content: start;
        }

        .footer-big__lang .lang__menu {
            column-count: 1;
            max-height: 140px;
            width: 140px;
            overflow-y: scroll;
            overflow-x: auto;
        }
    }
</style>

<div class="footer-main">
    <div class="container">

        
        <div class="row">
            <div class="col-md-5 d-flex align-items-start">
                <a class="brand" id="languageLink" title="ILovePDF">
                    <img src="https://ilovepdf.biz/assets/img/ilovepdf1.png" alt="ILovePDF" />
                </a>
            </div>

            <div class="col-md-7">
                <div class="row main_items_div">
                    <div class="ilovepdf_item col-md-4">
                        <div>
                            <h5 class="text-danger" style="font-weight: 500;color:#A236B2 !important;">ILOVEPDF</h5>
                            <br>
                            <ul class="list-unstyled">
                                <li>
                                    <a id="home" class="footer-link">Home</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/faq" id="faqs" class="footer-link">FAQ</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="ilovepdf_item col-md-4">
                        <div>
                            <h5 class="text-danger" style="font-weight: 500;color:#A236B2 !important;">Popular Tools</h5>
                            <br>
                            <ul class="list-unstyled">
                                <li>
                                    <a id="split-pdf" href="/split-pdf" class="footer-link">Split PDF</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/unlock-pdf" id="unlock-pdf" class="footer-link">Unlock PDF</a>
                                </li>
                                <li class="mt-2">
                                    <a id="merge-pdf" href="/merge-pdf" class="footer-link">Merge PDF</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/pdf-to-excel" id="pdf-to-excel" class="footer-link">PDF To Excel</a>
                                </li>
                                <li class="mt-2">
                                    <a id="pdf-to-html" href="/pdf-to-html" class="footer-link">PDF To HTML</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="company_items col-md-4">
                        <div>
                            <h5 class="text-danger" style="font-weight: 500;color:#A236B2 !important;">COMPANY</h5>
                            <br>
                            <ul>
                                <li>
                                    <a href="/about" id="abouts" class="footer-link">Our Storyss</a><br>
                                </li>
                                <li class="mt-2">
                                    <a href="/legal" id="legals" class="footer-link">Legal &amp; Privacy</a><br>
                                </li>
                                <li class="mt-2">
                                    <a href="/contact" id="contacts" class="footer-link">Contact</a>
                                </li>
                                <li class="mt-2">
                                    <a href="/all-blogs" id="allBlogs" class="footer-link">All Blogs</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="separator"></div>

        <div class="row">
            <div class="col-md-12 d-flex justify-content-center">
                <div class="footer-main__info">
                    <div class="slogan text-black">
                        <p>ILovePDF.biz 2025 &reg; - Your Ultimate PDF Converter Tools!</p>
                    </div>
                    <div class="social">
                       
                        <a class="social__item social__item--facebook" href="https://www.facebook.com/Ilovepdfofficial"
                            rel="noopener" target="_blank" title="Like us on Facebook!"></a>
                        <a class="social__item social__item--linkedin" href="https://www.linkedin.com/" rel="noopener"
                            target="_blank" title="LinkedIn - ilovepdf"></a>
                        <a class="social__item social__item--instagram" href="https://www.instagram.com/" rel="noopener"
                            target="_blank" title="Instagram - ilovepdf_official"></a>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="network" class="network">
    <i class="ico ico--network"></i>
    <div class="network__text text-red">
        Woops! Something is wrong with your Internet connection...
    </div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const path = window.location.pathname;
        const firstPart = path.split('/')[1];
        const validLanguages = ['es', 'vi', 'hi', 'id', 'fr', 'pl', 'pt', 'de'];
        let lang = validLanguages.includes(firstPart) ? firstPart : 'en';

        const translations = {
            networkText: {
                en: 'Woops! Something is wrong with your Internet connection...',
                vi: 'Rất tiếc! Có gì đó không ổn với kết nối Internet của bạn...',
                es: 'Vaya! Hay algo mal con tu conexión a Internet...',
                hi: 'वाह! आपके इंटरनेट कनेक्शन में कुछ गड़बड़ है...',
                id: 'Ups! Ada yang salah dengan koneksi Internet Anda...',
                fr: 'Oups ! Quelque chose ne va pas avec votre connexion Internet...',
                pl: 'Ups! Coś jest nie tak z Twoim połączeniem internetowym...',
                pt: 'Ops! Tem algo errado com sua conexão de internet...',
                de: 'Oeps! Er is iets mis met je internetverbinding...',
            },
            sloganText: {
                en: 'ILovePDF.biz 2025 ® - Your Ultimate PDF Converter Tools!',
                vi: 'ILovePDF.biz 2025 ® - Công cụ chuyển đổi PDF tối ưu của bạn!',
                es: 'ILovePDF.biz 2025 ® - ¡Tus herramientas definitivas para convertir PDF!',
                hi: 'ILovePDF.biz 2025 ® - आपका अंतिम पीडीएफ कनवर्टर उपकरण!',
                id: 'ILovePDF.biz 2025 ® - Alat Konverter PDF Terbaik Anda!',
                fr: 'ILovePDF.biz 2025 ® - Vos outils de conversion PDF ultimes !',
                pl: 'ILovePDF.biz 2025 ® - Twoje najlepsze narzędzie do konwersji plików PDF!',
                pt: 'ILovePDF.biz 2025 ® - Suas ferramentas definitivas de conversão de PDF!',
                de: 'ILovePDF.biz 2025 ® - Uw ultieme PDF-convertertools!',
            },
            links: [{
                    id: 'home',
                    path: '',
                    texts: {
                        en: 'Home',
                        vi: 'Trang chủ',
                        es: 'Hogar',
                        hi: 'घर',
                        id: 'Rumah',
                        fr: 'Maison',
                        pl: 'Dom',
                        pt: 'Lar',
                        de: 'Thuis',
                    }
                },
                {
                    id: 'abouts',
                    path: 'about',
                    texts: {
                        en: 'Our Story',
                        vi: 'Câu chuyện của chúng tôi',
                        es: 'Nuestra Historia',
                        hi: 'हमारी कहानी',
                        id: 'Kisah kami',
                        fr: 'Notre histoire',
                        pl: 'Nasza historia',
                        pt: 'Nossa história',
                        de: 'Ons verhaal',
                    }
                },
                {
                    id: 'legals',
                    path: 'legal',
                    texts: {
                        en: 'Legal & Privacy',
                        vi: 'Pháp lý & Bảo mật',
                        es: 'Legal y Privacidad',
                        hi: 'कानूनी एवं गोपनीयता',
                        id: 'Hukum & Privasi',
                        fr: 'Légal & Confidentialité',
                        pl: 'Informacje prawne i prywatność',
                        pt: 'Jurídico e privacidade',
                        de: 'Juridisch en privacy',
                    }
                },
                {
                    id: 'faqs',
                    path: 'faq',
                    texts: {
                        en: 'FAQ',
                        vi: 'Câu hỏi thường gặp',
                        es: 'Preguntas Frecuentes',
                        hi: 'अक्सर पूछे जाने वाले प्रश्न',
                        id: 'Pertanyaan Umum',
                        fr: 'FAQ',
                        pl: 'Często zadawane pytania',
                        pt: 'Perguntas frequentes',
                        de: 'Veelgestelde vragen',  
                    }
                },
                {
                    id: 'contacts',
                    path: 'contact',
                    texts: {
                        en: 'Contact',
                        vi: 'Liên hệ',
                        es: 'Contacto',
                        hi: 'संपर्क',
                        id: 'Kontak',
                        fr: 'Contact',
                        pl: 'Kontakt',
                        pt: 'Contato',
                        de: 'Contact',
                    }
                },
                {
                    id: 'split-pdf',
                    path: 'split-pdf',
                    texts: {
                        en: 'Split PDF',
                        vi: 'Tách PDF',
                        es: 'Dividir PDF',
                        hi: 'पीडीएफ को विभाजित करें',
                        id: 'Pisahkan PDF',
                        fr: 'Fractionner un PDF',
                        pl: 'Podziel plik PDF',
                        pt: 'Dividir PDF',
                        de: 'PDF splitsen',
                    }
                },
                {
                    id: 'allBlogs',
                    path: 'all-blogs',
                    texts: {
                        en: 'All Blogs',
                        vi: 'Tất cả các blog',
                        es: 'Todos los blogs',
                        hi: 'सभी ब्लॉग',
                        id: 'Semua Blog',
                        fr: 'Tous les blogs',
                        pl: 'Wszystkie blogi',
                        pt: 'Todos os blogs',
                        de: 'Alle blogs'
                    }
                },
                {
                    id: 'unlock-pdf',
                    path: 'unlock-pdf',
                    texts: {
                        en: 'Unlock PDF',
                        vi: 'Mở khóa PDF',
                        es: 'Desbloquear PDF',
                        hi: 'पीडीएफ अनलॉक करें',
                        id: 'Buka kunci PDF',
                        fr: 'Déverrouiller le PDF',
                        pl: 'Odblokuj PDF',
                        pt: 'Desbloquear PDF',
                        de: 'Ontgrendel PDF',
                    }
                },
                {
                    id: 'merge-pdf',
                    path: 'merge-pdf',
                    texts: {
                        en: 'Merge PDF',
                        vi: 'Hợp nhất PDF',
                        es: 'Fusionar PDF',
                        hi: 'पीडीएफ मर्ज करें',
                        id: 'Gabungkan PDF',
                        fr: 'Fusionner un PDF',
                        pl: 'Scal PDF',
                        pt: 'Mesclar PDF',
                        de: 'PDF samenvoegen',
                    }
                },
                {
                    id: 'pdf-to-excel',
                    path: 'pdf-to-excel',
                    texts: {
                        en: 'PDF TO Excel',
                        vi: 'PDF sang Excel',
                        es: 'PDF a Excel',
                        hi: 'पीडीएफ से एक्सेल',
                        id: 'PDF ke Excel',
                        fr: 'PDF vers Excel',
                        pl: 'PDF do Excel',
                        pt: 'PDF para Excel',
                        de: 'PDF naar Excel',
                    }
                },
                {
                    id: 'pdf-to-html',
                    path: 'pdf-to-html',
                    texts: {
                        en: 'PDF TO HTML',
                        vi: 'PDF sang Html',
                        es: 'PDF a HTML',
                        hi: 'पीडीएफ से HTML',
                        id: 'PDF ke HTML',
                        fr: 'PDF vers HTML',
                        pl: 'PDF do HTML',
                        pt: 'PDF para HTML',
                        de: 'PDF naar HTML',
                    }
                }
            ]
        };

        // Set network message based on language
        const networkTextElement = document.querySelector('.network__text');
        if (networkTextElement) {
            networkTextElement.textContent = translations.networkText[lang];
        }
        const sloganElement = document.querySelector('.slogan p');
        if (sloganElement) {
            sloganElement.textContent = translations.sloganText[lang];
        }

        translations.links.forEach(link => {
            const linkElement = document.getElementById(link.id);
            if (linkElement) {
                if (link.id === 'home') {
                    linkElement.href = lang !== 'en' ? `/${lang}` : '/';
                } else {
                    linkElement.href = lang !== 'en' ? `/${lang}/${link.path}` : `/${link.path}`;
                }
                linkElement.textContent = link.texts[lang];
            }
        });
    });
</script>

<style>
    .footer-link {
        text-decoration: none;
        font-weight: 400;
        color: #000;
        transition: color 0.3s ease;
    }

    .footer-link:hover {
        color: #dc3545;
        /* Bootstrap danger color */
    }
</style>

</body>
</html>