<?php 
  require_once("./session_job.php");
  date_default_timezone_set('America/Bahia');
  require_once("./config/conexao.php");
  $conn = conn();
  $conn_s = conn_s();
  if (isset($_SESSION['id_user'])){
    require_once("./checar_loja.php");

    $SQL = "SELECT * FROM `user` WHERE id = " . $_SESSION['id_user'];
    $query = mysqli_query($conn, $SQL);
    $user_info = mysqli_fetch_assoc($query);
    $_SESSION['tipo_user'] = $user_info['tipo_user'];
  }
  //echo '<div style="display:none;">';
  //echo $_SESSION['loja'];
  //echo '</div>';

  if(!empty($_POST['loja_escolhida'])){
    $_SESSION['loja'] = $_POST['loja_escolhida'];
    header("Location: /sistema/index.php");
    exit;
  } else if(@$_SESSION['loja'] == 'todas') {
    $_SESSION['loja'] = 1;
  }
?>
<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Solicitação</title>

  <link rel="stylesheet" href="./utils/css/bootstrap.min.css" />
  <link rel="stylesheet" href="./utils/css/bootstrap-select.min.css" />
  <link rel="stylesheet" href="./utils/css/styles.css" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
    integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />

  <style type="text/css">
  .disabled {
    cursor: no-drop !important;
  }
  </style>
</head>

<body>
  <nav class="navbar">
    <div class="container caixa_logo">
      <a class="" href="javascript:void(0);">
        <img src="./utils/img/logo.png" alt="" width="150" />
      </a>
      <div style="display: flex;gap: 5px;">
        <?php
          if (isset($_SESSION['id_user'])){
            if (@$_SESSION['id_user'] == '11' || @$_SESSION['id_user'] == '6' || @$_SESSION['id_user'] == '1') {
              ?>
                <!-- <span><a href="fazer_backup.php" style="color: #fff;background-color:#00f; padding:5px;border-radius: 15px;">BACKUP</a></span> -->
              <?php // continua por precaução, para o caso de se querer adicionar um botão pra fazer backup.
            }
          }

          if(!empty($_SESSION['id_user'])){
            $SQL = "SELECT * FROM user WHERE id = " . @$_SESSION['id_user'];
            $dados_user = mysqli_fetch_assoc(mysqli_query($conn, $SQL));
            $geral = @$dados_user['user_geral'] == 'sim';

            if($geral){
              $SQL = "SELECT * FROM uni_lojas";
              $lojas = mysqli_fetch_all(mysqli_query($conn_s, $SQL), MYSQLI_ASSOC);
              ?>
                <span>
                  <form method="post">
                    <select name="loja_escolhida" onchange="this.parentElement.submit()">
                      <?php
                        foreach($lojas as $loja){
                          $selected = $_SESSION['loja'] == $loja['id'];

                          $selected = $selected ? 'selected' : '';
                          ?>
                            <option value="<?= $loja['id'] ?>" <?= $selected ?>><?= $loja['nome'] ?></option>
                          <?php
                        }
                      ?>
                    </select>
                  </form>
                </span> &nbsp;
              <?php
            }
          }


          if (@$_SESSION['tipo_user'] == 5){
            ?>
              <span><a href="dashboard.php"><img src="./utils/img/icons/home.svg" width="19"></a></span> &nbsp;
              <span><a href="users.php"><img src="./utils/img/icons/user.svg" width="17"></a></span> &nbsp;
            <?php
          }
          if (@$_SESSION['id_user'] == '1'){
            ?>
              <span><a href="users.php"><img src="./utils/img/icons/user.svg" width="17"></a></span> &nbsp;
            <?php
          }
          if (isset($_SESSION['id_user']) || !empty($_SESSION['id_user'])) {
            if ($_SESSION['tipo_user'] == 1 || $_SESSION['tipo_user'] == 6){
              ?>
                <span><a href="faturamento.php" class="btn btn-danger">FATURAMENTO</a></span> &nbsp;
              <?php
            }
            if ($_SESSION['tipo_user'] == 6){
              if (in_array(4, $_SESSION['PRIVILEGIOS'])) {
                ?>
                  <span><a href="users.php"><img src="./utils/img/icons/user.svg" width="17"></a></span> &nbsp;
                <?php
              }
            }
            
            ?>
              <span><?= $_SESSION['nome_user'];?></span> &nbsp;
              <span><a href="exit.php"><img src="./utils/img/icons/exit.svg" width="17"></a></span>
            <?php
          }
        ?>
      </div>
    </div>
  </nav>

  <div class="container">
    <?php if (!isset($_SESSION['id_user']) || empty($_SESSION['id_user'])) {?>
      <div class="content_login">
        <div class="content">
          <form method="post" id="form_login">
            <h4 class="text-center">LOGIN</h4>
            <p class="text-center"><small>Acesso ao painel</small></p>
            <hr>
            <label for="email_login">E-mail</label>
            <input type="email" name="email" id="email_login" required class="form-control"
              placeholder="Seu email de login...">
            <label for="pass_user">Senha</label>
            <input type="password" name="pass" id="pass_user" required class="form-control" placeholder="Sua senha...">
            <hr>
            <button type="submit" class="btn btn-success" id="btn_login">Entrar</button>
          </form>
        </div>
      </div>
    <?php }else{?>

      <?php if (isset($_SESSION['tipo_user']) || !empty($_SESSION['tipo_user'])) {?>
      <!--Verificar se é operador e tem permissão, caso não seja operador mostra a pesquisa-->
      <?php if ($_SESSION['tipo_user'] == 6){?>
      <?php if (in_array(1, $_SESSION['PRIVILEGIOS'])) {?>
      <!--Formulário de Pesquisa-->
      <h3 class="mt-3">Seleção de Produtos &nbsp;&nbsp; <a href="javascript:window.location.reload()"><img
            src="./utils/img/icons/refresh.svg" width="20"></a> </h3>
      <div class="row">
        <div class="col-12 col-sm-9 col-md-7 col-lg-7 col mt-2">
          <select class="selectpicker show-tick form-control modern-select" data-live-search="true"
            data-actions-box="true" multiple title="Selecione algum produto" id="prod_sel">
          </select>
        </div>
        <div class="col-12 col-sm-2 col-md-2 col-lg-2 mt-2">
          <button id="pesquisar" class="btn btn-secondary w-100" type="button">Pesquisar</button>
        </div>
        <div class="col-12 col-sm-12 col-md-2 col-lg-2 mt-2">
          <div data-toggle="tooltip" data-placement="top"
            title="Assim que os produtos forem selecionados, clique aqui para adiciar as quantidades.">
            <button type="button" class="btn btn-info w-100" onClick="attProd()" data-toggle="modal"
              data-target="#addQtd">Adicionar</button>
          </div>
        </div>
        <div class="col-12 col-sm-1 col-md-1 col-lg-1 mt-2">
          <button id="pesquisar" class="btn btn-primary w-100" type="button"
            style="display: flex;align-items: center;justify-content: center;" title="Adicionar Orçamento"
            data-toggle="modal" data-target="#addOrcamento">
            <img src="./utils/img/icons/lista-de-controle.svg" width="20" alt="Adicionar Orçamento">
          </button>
        </div>
      </div>
      <!--/. Formulário de Pesquisa-->
      <?php }?>
      <?php }else if ($_SESSION['tipo_user'] == 1) {?>
      <!--Formulário de Pesquisa-->
      <h3 class="mt-3">Seleção de Produtos &nbsp;&nbsp; <a href="javascript:window.location.reload()"><img
            src="./utils/img/icons/refresh.svg" width="20"></a> </h3>
      <div class="row">
        <div class="col-12 col-sm-9 col-md-7 col-lg-7 col mt-2">
          <select class="selectpicker show-tick form-control modern-select" data-live-search="true"
            data-actions-box="true" multiple title="Selecione algum produto" id="prod_sel">
          </select>
        </div>
        <div class="col-12 col-sm-2 col-md-2 col-lg-2 mt-2">
          <button id="pesquisar" class="btn btn-secondary w-100" type="button">Pesquisar</button>
        </div>
        <div class="col-12 col-sm-12 col-md-2 col-lg-2 mt-2">
          <div data-toggle="tooltip" data-placement="top"
            title="Assim que os produtos forem selecionados, clique aqui para adiciar as quantidades.">
            <button type="button" class="btn btn-info w-100" onClick="attProd()" data-toggle="modal"
              data-target="#addQtd">Adicionar</button>
          </div>
        </div>
        <div class="col-12 col-sm-1 col-md-1 col-lg-1 mt-2">
          <button id="pesquisar" class="btn btn-primary w-100" type="button"
            style="display: flex;align-items: center;justify-content: center;" title="Adicionar Orçamento"
            data-toggle="modal" data-target="#addOrcamento">
            <img src="./utils/img/icons/lista-de-controle.svg" width="20" alt="Adicionar Orçamento">
          </button>
        </div>
      </div>
      <!--/. Formulário de Pesquisa-->
    <?php }}?>

    <!--Main-->
    <div class="mt-4 mb-5">
      <div class="row" id="recebe_cards"></div>
    </div>
    <!--/. Main-->

    <!--Legenda-->
    <h6>Legenda</h6>
    <div class="legenda_caixa" style="margin-bottom: 100px;">
      <div>
        <span>Solicitação feita pelo vendedor</span>
        <div class="legenda color-success"></div>
      </div>
      <div>
        <span>Peça retirada do depósito</span>
        <div class="legenda color-info"></div>
      </div>
      <div>
        <span>Peça recebida na boqueta</span>
        <div class="legenda color-indigo"></div>
      </div>
      <div>
        <span>Peça retirada da boqueta pelo vendedor</span>
        <div class="legenda color-secondary"></div>
      </div>
      <div>
        <span>Peça recebida na boqueta para venda</span>
        <div class="legenda color-warning"></div>
      </div>
      <div>
        <span>Peça recebida na boqueta para guardar</span>
        <div class="legenda color-orange"></div>
      </div>
      <div>
        <span>Peça retirada da boqueta para o estoque</span>
        <div class="legenda color-danger"></div>
      </div>
    </div>
    <!--/. Legenda-->

    <?php }?>
  </div>


  <!--Footer-->
  <footer>
    <div class="container">
      <p>&copy; UNIDOS IMPORTADOS</p>
      <p>
        DESENVOLVIDO PELA
        <a href="https://agenciadp.com.br/" target="_blank">AGÊNCIA DP WEB</a>
      </p>
    </div>
  </footer>
  <!--/. Footer-->

  <?php require("./modal.php");?>

  <audio id="notificacao" preload="auto">
    <source src="./utils/song/alert2.mp3" type="audio/mpeg">
  </audio>  
  <audio id="notificacao2" preload="auto">
    <source src="./utils/song/alert3.wav" type="audio/mpeg">
  </audio>  

  <?php
    require_once './components/body_imports.php';

  
    if (@$_SESSION['tipo_user'] == 5) { require_once("./implant_adm.php"); }

    if (isset($_SESSION['id_user']) || !empty($_SESSION['id_user'])) {
      ?>
        <script type="text/javascript">
      		onload=()=>{
      			const search_input = document.querySelectorAll('[aria-controls="bs-select-1"]');
      			for(let search of search_input){
      				search.addEventListener('keydown', event=>{
      					if(event.key == "Enter"){
      						asd(search.value);
      					}
      				});
      			}
      		}
          PopularCards();
          //processo para ficar recarregando a função que carrega os cards dinamicamente
           //setInterval(function() {
             //PopularCards();
          // }, 2000);

          setInterval(function() {
            AttAlertTimes();
          }, 600000);

          function GetInfoLog() {
            $.ajax({
              url: "config/info_log.php",
              type: "POST",
              data: {},
              dataType: "json",
              beforeSend: function() {},
              error: function(jqXHR, textStatus, errorThrown) {
                console.log("GetInfoLog");
                console.log("jqXHR: \n" + jqXHR);
                console.log("textStatus: \n" + textStatus);
                console.log("errorThrown: \n" + errorThrown);
              },
              success: function(retorno) {
                sessionStorage.setItem('tipo_user_on', retorno.tipo_user);
              },
            });
          }
          GetInfoLog();
        </script>
      <?php
    }
  ?>
</body>

</html>