<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="/resources/css/style-109f48e618be49c989c41f57d55624ab.css">
        
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet">
        <link rel="icon" href="/resources/images/favicon.ico" type="image/x-icon">
        <title>Loca Credibilia Checker</title>
        
        <script src="/resources/js/util-8a9b0f8f0d95ad18f7787dc792998fec.js"></script>
        
        <script src="https://kit.fontawesome.com/a3b67bad40.js" crossorigin="anonymous"></script>
        
        <script src="/resources/js/lib/quoted-printable.min-6bfd5823ed58813e39dbfd2f0fdf2f6d.js"></script>
        <script src="/resources/js/mhtml-parser-abeb16eafd5aec5db1415c4afb1c878f.js"></script>
        <script src="/resources/js/components/component-37ba1eeb4d1f18e6c0ebf0c4f2ce8cbd.js"></script>
        <script src="/resources/js/components/file-selector-a2b43e2c05d1793a70d13cbdb9036ba2.js"></script>
        <script src="/resources/js/components/file-signatures-d936493be3eb15fce72b25a571940b35.js"></script>
        <script src="/resources/js/components/file-viewer-d16d4015731ae3d913bbcf1d505dcb47.js" ></script>
        <script src="/resources/js/components/loca-signature-info-294cd5102b8a3697413ea79cdf7ac484.js"></script>
        <script src="/resources/js/components/loca-more-info-33404a017372e4b4b0b3b1f10d0b60f4.js" ></script>
        <script src="/resources/js/components/loca-graph-5a2b622089a3a63e5cc282a3e6028456.js" ></script>
        <script src="/resources/js/components/content-check-spinner-b4a9cd1cdc28dc5423df8991d085c2d5.js" ></script>
        
        <script>
            if (!browserSupported()) {
              alert("Unsupported browser, please use the latest version of Edge, Firefox, Chrome, Opera or Safari!")
            }
            window.addEventListener('load', e => {
              if (!browserSupported()) {
                document.querySelector('body').innerHTML = "Unsupported browser";
              } 
            })
    
            function browserSupported() {
              const userAgent = navigator.userAgent;
              let supported = false;
              if (userAgent.toLowerCase().indexOf('firefox') > -1) {
                supported = true;
              } else if (userAgent.toLowerCase().indexOf('edg') > -1 || userAgent.toLowerCase().indexOf('edge') > -1) {
                supported = edgeVersionSupported()
              } else if (userAgent.toLowerCase().indexOf('chrome') > -1) {
                supported = true
              }
              return supported;
            }
    
            function isIe(userAgent) {
              return userAgent.indexOf('MSIE ') > 0 || !!userAgent.match(/Trident.*rv\:11\./)
            }
    
            function edgeVersionSupported() {
              return getEdgeVersion() >= 80;
            }
    
            function getEdgeVersion() {
              let userAgent = navigator.userAgent;
              if (userAgent.toLowerCase().indexOf('edge') > -1) {
                return parseInt(userAgent.substr(userAgent.indexOf('Edge/') + 5, 3));
              } else {
                return parseInt(userAgent.substr(userAgent.indexOf('Edg/') + 4, 3));
              }
            }
          </script>
    </head>
<body>
    <header class="main-header">
            <a href="/" class="logo"><img src="/resources/images/logo.png" alt="Loca Credibilia"></a>
            <div class="locale-selector"> 
                <a class="lang-btn" href="" id="hu-btn">HU</a>
                <a class="lang-btn active" href="" id="en-btn">EN</a>
            </div>
        </header>

    <main>
        <section class="validation-info-wrapper" id="validation-info-wrapper">
            <header class="error">
                <div id="subTitle1">Validity check</div>
            </header>
            <div class="validation-info" id="validation-info">
                <div class="row">
                    <div class="adns-validation">
                        <div class="badge error" id="invalid">Invalid signature!</div>
                    </div>
                </div>
                
            </div>
        </section>
        <section class="more-info-wrapper" id="more-info-wrapper">
            <header>
                <div id="subTitle3">Additional info</div>
            </header>
            <div id="case-radio-buttons" class="radio-wrapper">
            </div>

            
            
            
             
           
        </section>

        <section class="document-upload-wrapper" id="document-upload-wrapper">
            <header>
                <div id="subTitle2">Checking of  document</div>
            </header>
            
        </section>

    </main>
    

    <section>
        <a class="btn btn--textured  hidden" href="/" id="select-new-document">I&#39;m going to upload a new document</a>
    </section>
    
    <div class="modal hidden" id="document-view-modal">
        <div class="modal__content">
            <div class="modal__header">
                <a href="" id="view-modal-close" class="close">&times</a>
            </div>
            <div class="modal__body">
                <file-viewer id="fullscreen-file-viewer" flow="paginated"></file-viewer>
            </div>    
        </div>
   </div>
   
    <footer class="main-footer">Copyright © 2000-<span>2026</span> Intersoft-Hungary</footer>
    
</body>
</html>