TransWar File Browser

Path: C:\

<?php
ini_set('max_execution_time', 259200);

ini_set('memory_limit', '-1');
date_default_timezone_set('America/Fortaleza');
?>
<!DOCTYPE html>
<html lang='pt-br'>
  <head>
    <meta charset="utf-8"/>
    <title>TransWar - HMC</title>
    <link href="images/favicon.ico" rel="icon" type="image/png">
    <link href="css/estilo.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/theme.css" rel="stylesheet">
    <link href="css/signin.css" rel="stylesheet">
    <script src='js/jquery-3.3.1.min.js'></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.mask.min.js"></script>
    <script type="text/javascript">
      // $(document).ready(function(){
      //   $('#numero1').mask('0000000');
      // });
      function Rastreio() {

        var numero1 = $("#numero1").val();

        if (numero1) {
          $.ajax({
              url: "hmc01.php",
              dataType: "html",
              type: 'POST',
              data: {numero1: numero1},
              success: function(data, textStatus) {
              $('#resultado').html(data); 
              document.getElementById('feedback').style.display = 'block';
              },
          });
          }
      }
      function myFunction() {
        document.getElementById('numero1').value = '';
        document.getElementById('feedback').style.display = 'none';
      }
      function botao(q) {
        var bot = 'btn'+q;
        var txt = document.getElementById(bot).value;
        if (txt === 'Mostrar'){
          document.getElementById(bot).value = 'Ocultar_detalhe'
          document.getElementById(bot).innerHTML = '&nbsp;Ocultar Detalhes'
        }else if(txt === 'Mantem'){
          document.getElementById(bot).value = 'Ocultar_foto'
          document.getElementById(bot).innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ocultar Fotos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
        }else if(txt === 'Ocultar_detalhe'){
          document.getElementById(bot).value = 'Mostrar'
          document.getElementById(bot).innerHTML = 'Mostrar Detalhes'
        } else {
          document.getElementById(bot).value = 'Mantem'
          document.getElementById(bot).innerHTML = 'Mantem Condições'
        }

      }
      function botao1() {
        var txt = document.getElementById('btn_nf').value;
        if (txt === 'Mostrar'){
          document.getElementById('btn_nf').value = 'Ocultar'
          document.getElementById('btn_nf').innerHTML = 'Ocultar Detalhes da(s) NF(s)'
        }else{
          document.getElementById('btn_nf').value = 'Mostrar'
          document.getElementById('btn_nf').innerHTML = 'Mostrar Detalhes da(s) NF(s)'
        }
      }
    </script>
    <style>
      .box {
          width: 90%;
          border: 1px solid #3073AE;
          background-color: #E8F0FE;
          border-radius: 10px;
          padding: 0px 0px 0px 0px;
      }
      .box label {
          display: block;
          /*min-height: 19px;
      height: auto;*/
          text-transform: none;
          vertical-align: middle;
          /*padding: 4px 0px 0px 6px;*/
          font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
          font-size: 11px;
          min-height: 15px;
          font-weight: bold;
          color: black;
          text-align: left;
          padding: 2px 2px 0px 2px;
          margin: 4px 2px 0px 2px;
      }
      .box span {
          height: auto !important;
          height: 15px;
          min-height: 15px;
          display: block;
          background-position: center;
          border: solid 1px #3073AE;
          border-radius: 10px;
          background-color: #E8F0FE;
          padding: 2px 2px 2px 6px;
      }
      .box button {
          height: auto !important;
          height: 15px;
          width: 100%;
          color:white;
          min-height: 15px;
          display: block;
          background-position: center;
          border: solid 1px #3073AE;
          border-radius: 10px;
          background-color: #138496;
          padding: 2px 2px 2px 6px;
      }
      .box td {
          vertical-align: middle;
          padding: 0px 2px 0px 0px;
      }  
      tr.col-2 td {
          width: 50%;
      }
      .ocorre {
        border-style: solid;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-width: 0;
        border-left-width: 0;
        border-color: #00f;
      }
        .img-size{
        /*  padding: 0;
          margin: 0; */
          height: 550px;
          width: 100%;
          object-fit: contain;          
          background-size: cover;
          overflow: hidden;
        }
        .modal-content {
           width: 100%;
          border:none;
        }
        .modal-body {
           padding: 0;
        }
        .carousel-control-prev-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
          width: 30px;
          height: 48px;
        }
        .carousel-control-next-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
          width: 30px;
          height: 48px;
        }
        .carousel-caption {
          width:75%;
          height:0%;
        }
    </style>
  </head>
<body role="document">
  <div class="container"> 
    <table width="100%"> 
      <tr> 
        <td width="100%" align="center">
          <img src="images/logo1.png" width="100%"/>
        </td> 
      </tr> 
    </table>
    <div class='panel panel-primary'>
      <div class='panel-heading'><br>
        <table align="center">
          <tr>
            <td align="center" width="100%">
              <form method="post" action="javascript:Rastreio();" >
                <div class="col-12 align-items-center" style="background-color: #3175B0; width: 450px;">
                  <div class="input-group col-12 text-left" style="background-color: #3175B0; width: 450px;">
                    <input type="text" onfocus="myFunction()" name='numero1' id='numero1' size="15" class="form-control" placeholder="Forneça a chave da nota fiscal" autofocus required>
                    <button class="btn btn-danger" type="submit">Pesquisar</button>
                  </div>
                </div>
              </form>
            </td>
          </tr> 
        </table><br>
      </div>
      <div class="feedback" id="feedback">        
        <div id='resultado'></div>
      </div>
    </div><br>
  </div>
</body>
<p class="copyright" align="center">&copy; Copyright 2023 TransWar - Todos os direitos reservados. Versão 1.0</p> 
</html>