<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      lang="pt-br">

    <head>
        <title>OAB - Processo Eletrônico</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="Content-Language" content="pt-br">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" type="image/x-icon" href="/favicon.ico">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
              integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
              crossorigin="anonymous">

        <link rel="stylesheet" type="text/css" href="/css/style.css" />
    </head>

    <body>
        <div class="tela-verificacao h-100">
            <div class="container h-100">
                <div class="row align-items-center h-100">

                    <div class="col-lg-6 mx-auto" *ngIf="!documento">
                        <div class="logo-proc-eletronico">
                            <img alt="OAB - Processo Eletrônico" src="https://s.oab.org.br/imagens/marcas-sistemas/mono-negativa/2x/logo-proc-eletronico-3.png">
                        </div>
                        <div class="card h-100 justify-content-center">
                            <div class="card-header">
                                <b>Validação de Documento</b>
                            </div>

                            <div id="exTab2" class="container">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item" title="por código verificador">
                                        <a class="nav-link active" href="#1" data-toggle="tab">Código verificador</a>
                                    </li>
                                    <li class="nav-item" title="por arquivos">
                                        <a class="nav-link" href="#2" data-toggle="tab" id="linkArquivos">Arquivos</a>
                                    </li>
                                </ul>

                                <div class="tab-content ">
                                    <div class="tab-pane active" id="1">
                                        <form id="validacao-form" action="/" method="post">
                                            <div class="form-row">
                                                <div class="col-md-12">
                                                    <label for="codigo"></label>
                                                    <div class="input-group mb-3">
                                                        <input class="form-control" type="text" placeholder="0000-0000-00" data-mask="AAAA-AAAA-AA" id="codigo" name="codigo" value="sitemap.xml">
                                                        <div class="input-group-append">
                                                            <button role="button" class="btn btn-primary g-recaptcha"
                                                                    data-callback='onSubmit' data-sitekey="6LfFqZAUAAAAAP7iiINXlADHyeBohqxLiNR9EemZ">Pesquisar</button>
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                                <span id="captchaError" class="alert alert-danger col-md-12" style="display:none"></span>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="tab-pane" id="2">
                                        <form method="POST" enctype="multipart/form-data" id="fileUploadForm" action="/validarArquivosViaUpload">
                                            <div class="form-group">
                                                <label class="control-label" for="content">PDF</label>
                                                <input type="file" class="form-control" placeholder="Upload File" id="content" name="content" accept="application/pdf" required>
                                                
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for="signatureEnvelope">P7S</label>
                                                <input type="file" class="form-control" placeholder="Upload File" id="signatureEnvelope" name="signatureEnvelope" accept="application/pkcs7-signature" required>
                                                
                                            </div>
                                            <div class="form-row">
                                                <div class="col-md-12" style="text-align: center;">
                                                    <button type="submit" class="btn btn-primary" id="btnSubmit">Validar</button>
                                                </div>
                                            </div>
                                        </form>
                                        
                                    </div>
                                </div>
                            </div>
                            <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
                            <script type="application/javascript">
                                var message = '';

                                if(message!=undefined && message != ''){
                                    console.log($("#linkArquivos"));
                                    $(document).ready(function(){
                                        $("#linkArquivos").trigger("click");
                                    });
                                }
                            </script>

                            <div class="card-body">
                            </div>
                        </div>
                    </div>

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


        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

        <!-- jQuery Mask -->
        <script src="https://cdn.jsdelivr.net/npm/jquery-mask-plugin@1.14.16/dist/jquery.mask.min.js" integrity="sha256-Kg2zTcFO9LXOc7IwcBx1YeUBJmekycsnTsq2RuFHSZU=" crossorigin="anonymous"></script>

        <!-- Google reCaptcha -->
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <script>
           function onSubmit(token) {
             document.getElementById("validacao-form").submit();
           }
         </script>
    </body>

</html>