<?php 
require_once("./session_job.php");
if ($_SESSION['tipo_user'] != 1 && $_SESSION['tipo_user'] != 6 && $_SESSION['tipo_user'] != 5 && $_SESSION['tipo_user'] != 7) {
  echo "<script>window.location = 'index.php'</script>";
}
date_default_timezone_set('America/Bahia');
require_once("./config/conexao.php");
$conn = conn();

require_once("./checar_loja.php");
$loja_id = $_SESSION['loja'];
?>
<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Faturamento</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="./utils/css/dashboard.css" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
  integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />
  
</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>
        <?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
            }
          }
        ?>
        <?php if ($_SESSION['tipo_user'] == 1 || $_SESSION['tipo_user'] == 6){?>
          <span><a href="index.php" class="btn btn-danger">INICIAL</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>
      </div>
    </div>
  </nav>

  <!--Body-->
  <div class="container" style="margin-bottom: 100px;">

    <div class="mt-3">
      <div class="row">
        <div class="col-sm-3">
          <div class="form-group">
            <label for="data_de">Data de: </label>
            <input type="date" name="data_de" id="data_de" class="form-control">
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="data_ate">Data Até:</label>
            <input type="date" name="data_ate" id="data_ate" class="form-control">
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="situacao_pesq">Situação</label>
            <select name="situacao_pesq" id="situacao_pesq" class="form-control">
              <option value="" selected="">Selecione uma Opção</option>
              <option value="1">Pendente</option>
              <option value="2">Aprovado</option>
              <option value="3">Rejeitado</option>
            </select>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label for="qtd_listados">Qtd Itens Listados</label>
            <select name="qtd_listados" id="qtd_listados" class="form-control">
              <option>50</option>
              <option>100</option>
              <option>250</option>
              <option>500</option>
            </select>
          </div>
        </div>
        <?php
        $verificar = 0;
        if ($_SESSION['tipo_user'] == 6) {$verificar = 1;}
        if ($_SESSION['tipo_user'] == 5) {$verificar = 1;}
        if ($_SESSION['tipo_user'] == 7) {$verificar = 1;}
        $display_vendedores = $verificar == 1 ? "" : "display:none;";
        ?>
        <div class="col-sm-3" style="<?= $display_vendedores;?>">
          <div class="form-group">
            <label for="vendedor_pesq">Vendedores</label>
            <select name="vendedor_pesq" id="vendedor_pesq" class="form-control">
              <option value="" selected="">Selecione uma Opção</option>
              <?php

              if ($_SESSION['loja'] != 'todas') {

                $getVendedores = mysqli_query($conn, "SELECT id,nome FROM user WHERE tipo_user = '1' AND status = '0' AND loja_id = $loja_id ORDER BY nome ASC");

              } else {

                $getVendedores = mysqli_query($conn, "SELECT id,nome FROM user WHERE tipo_user = '1' AND status = '0' ORDER BY nome ASC");
              }

              if (mysqli_num_rows($getVendedores) > 0) {
                while ($lista = mysqli_fetch_array($getVendedores)) {
                  echo "<option value='".$lista['id']."'>".$lista['nome']."</option>";
                }
              }
              ?>
            </select>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-3">
          <button class="btn btn-success w-100" id="button_liberar_permissao">Pesquisar</button>
        </div>
      </div>
    </div>

    <div class="table-responsive mt-5">
      <?php if ($_SESSION['tipo_user'] == 1){?>
        <button data-toggle="modal" data-target="#newFat" id="abremodal" >Nova Autorização de Faturamento</button>
        <hr>
      <?php }?>
      <table class="table table-bordered table-sm">
        <thead>
          <tr>
            <th style="width: 180px;text-align: center;">Criação</th>
            <th>Vendedor</th>
            <th>Cliente</th>
            <th style='width: 300px;'>Cpf/Cnpj</th>
            <th>N° Nota</th>
            <th style='width: 200px;'>Valor</th>
            <th style="text-align: center;">Parcelas</th>
            <th style="width: 100px;text-align: center;">Vencimento</th>
            <th style="width: 100px;text-align: center;">Situação</th>
            <th style="width: 100px;text-align: center;">Histórico</th>
            <?php if ($_SESSION['tipo_user'] == 1){?>
              <th style="width: 100px;text-align: center;">Ações</th>
            <?php }?>
            <th>Loja</th>
            
            <?php if ($_SESSION['tipo_user'] == 7 || $_SESSION['tipo_user'] == 6 || $_SESSION['tipo_user'] == 5){?>
              <th style="width: 100px;text-align: center;">Ações</th>
            <?php }?>
          </tr>
        </thead>
        <tbody id="received_solicitacoes"></tbody>
      </table>
    </div>
  </div>
  <!--/. Body-->

  <!--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 if ($_SESSION['tipo_user'] != 1){?>
    <audio id="notificacao_novas_solicitacoes" preload="auto">
      <source src="./utils/song/alert.mp3" type="audio/mpeg">
      </audio>
    <?php } ?>

    <audio id="notificacao_solicitacoes_alteradas" preload="auto">
      <source src="./utils/song/alert.mp3" type="audio/mpeg">
      </audio>
      <input type="hidden" id="sitatt" value="0">

      <!--Autorização de Faturamento-->
      <div class="modal fade" id="newFat" tabindex="-1" role="dialog" aria-labelledby="newFatdms" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            
            <div class="modal-header">
              <h5 class="modal-title" id="newFatdms">Criar Autorização de Faturamento</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <form onSubmit="popClientes();return false;">
                <div class="row">
                  <div class="col-10">
                    <div class="form-group">
                      <label for="cliente_pesq">Pesquise por cliente: <small>Nome ou Código</small></label>
                      <input id="cliente_pesq" class="form-control"
                      placeholder="Digite o nome ou código do cliente para o encontrar" />
                    </div>
                  </div>
                  <div class="col-2">
                    <button class="btn btn-info" style="margin-top: 32px;" type="button" id="pesq_cliente"
                    onClick="popClientes()">Pesquisar</button>
                  </div>
                </div>
              </form>
              <form id="criar_faturamento">
                <input type="hidden" name="cod" value="1">
                <input type="hidden" name="autoriza" id="autoriza" value="0">
                <div class="row">
                  <div class="col-8">
                    <div class="form-group">
                      <label for="cliente_add">Cliente <span id="selecione_cliente"></span></label>
                      <select name="cliente" id="cliente_add" required class="form-control">
                        <option value='' selected=''>Selecione um Cliente</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label for="vencimento_parcela">Vencimento</label>
                      <input type="date" name="vencimento_parcela" id="vencimento_parcela" class="form-control" onChange="checkdate(this);">
                    </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label for="valor_total">Valor Total</label>
                      <input name="valor_total" id="valor_total" class="form-control money" onChange="checkvalor(this);"  required disabled>
                      <!--<input name="valor_total" id="valor_total" class="form-control money" required>-->
                    </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label for="qtd_parcelas">Quantidade de Parcelas</label>
                      <select name="qtd_parcelas" id="qtd_parcelas" class="form-control" required onChange="checkQtd(this)" disabled>
                       <!-- <select name="qtd_parcelas" id="qtd_parcelas" class="form-control" required onChange="checkQtd(this)" >-->
                        <option value="" selected="">Selecione uma Opção</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-sm-4">
                    <div class="form-group">
                      <label for="nota_fiscal">N° Nota Fiscal</label>
                      <input name="nota_fiscal" id="nota_fiscal" class="form-control" >
                    </div>
                  </div>
                </div>
                <div class="row todo-pass" style="background-color: #f9f9f9; padding: 10px;">
                 <div class="col-sm-12">
                   <div id="parcelas"></div>
                 </div>
               </div>
               
               <div class="form-group">
                <label for="obs_add">Observação</label>
                <textarea name="obs" id="obs_add" cols="30" rows="3" class="form-control" required
                placeholder="Adicione aqui alguma observação..."></textarea>
              </div>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-success" id="newFat_btn">Salvar <span id="newFat_span"></span></button>
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!--/. Autorização de Faturamento-->
    <style> #popParcelas_received2{ display: none; } </style>
    <!--Popular Parcelas-->
    <div class="modal fade" id="popParcelas" tabindex="-1" role="dialog" aria-labelledby="popParcelasdms"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <input type="hidden" name="cod" value="1">
        <div class="modal-header">
          <h5 class="modal-title" id="popParcelasdms">Parcelas</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div id="popParcelas_received">Aguarde...</div>
          <div id="popParcelas_received2"></div>
        </div>
        <div class="modal-footer">
          
          <?php if ($_SESSION['tipo_user'] == 1) {  ?>
            <button type="button" class="btn btn-info" id="editparcela" onclick="prepararedicao();" >Editar</button>
          <?php } ?>
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
        </div>
      </div>
    </div>
  </div>
  <!--/. Popular Parcelas-->

  <!--Modificar situação da solicitação de autorização de faturamento-->
  <div class="modal fade" id="acoesMod" tabindex="-1" role="dialog" aria-labelledby="acoesModdms" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <form id="mod_situacao">
          <input type="hidden" name="cod" value="5">
          <div class="modal-header">
            <h5 class="modal-title" id="acoesModdms">Situação da Solicitação</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <input type="hidden" id="id_escondido_mod" name="id_mod">
            <div class="form-group">
              <label for="situacao_mod">Situação</label>
              <select name="situacao" id="situacao_mod" class="form-control" required>
                <option value="1">Pendente</option>
                <option value="2">Aprovado</option>
                <option value="3">Rejeitado</option>
              </select>
            </div>
            <div class="form-group">
              <label for="obs_mod">Observação</label>
              <textarea name="obs" id="obs_mod" cols="30" rows="3" class="form-control" required
              placeholder="Adicione aqui o motivo pelo qual está mudando a situação dessa solicitação de autorização de faturamento..."></textarea>
            </div>
            <div class="form-group">
              <label for="senha">Senha Liberação: </label>
              <input type="password" name="senha" id="senha" class="form-control" required>
            </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-success" id="acoesMod_btn">Salvar <span
              id="acoesMod_span"></span></button>
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
            </div>
        </form>
      </div>
    </div>
  </div>
    <!--/. Modificar situação da solicitação de autorização de faturamento-->

    <!--Modal Rejeitado, editar informações do lançamento-->
  <div class="modal fade" id="modRejeited" tabindex="-1" role="dialog" aria-labelledby="modRejeiteddms"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <form id="modRejeited_edt">
          <input type="hidden" name="cod" value="6">
          <div class="modal-header">
            <h5 class="modal-title" id="modRejeiteddms">Editar Informações da Solicitação</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <input type="hidden" name="id_esc" id="id_edt_solicitacao">
            <div class="row">
              <div class="col-sm-6">
                <div class="form-group">
                  <label for="vencimento_parcela_edt">Vencimento</label>
                  <input type="date" name="vencimento_parcela" id="vencimento_parcela_edt" class="form-control"
                  required>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label for="valor_total_edt">Valor Total</label>
                  <input name="valor_total" id="valor_total_edt" class="form-control money" required>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label for="qtd_parcelas_edt">Quantidade de Parcelas</label>
                  <select name="qtd_parcelas" id="qtd_parcelas_edt" class="form-control" required
                  onChange="checkQtd2(this)">
                  <option value="" selected="">Selecione uma Opção</option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                  <option>6</option>
                  <option>7</option>
                  <option>8</option>
                  <option>9</option>
                  <option>10</option>
                </select>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <label for="nota_fiscal_edt">N° Nota Fiscal</label>
                  <input name="nota_fiscal" id="nota_fiscal_edt" class="form-control" >
                </div>
              </div>
            
              <div class="row todo-pass2" style="background-color: #f9f9f9; padding: 10px;">
               <div class="col-sm-12">
                 <div id="parcelas_2"></div>
               </div>
             </div>
           
           
             <div class="col-12">
              <div class="form-group">
                <label for="obs_edt">Observação</label>
                <textarea name="obs" id="obs_edt" cols="30" rows="3" class="form-control"
                placeholder="Adicione aqui uma observação sobre essas alterações..." required></textarea>
              </div>
            </div>
          </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-success" id="modRejeited_btn">Salvar <span
              id="modRejeited_span"></span></button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
          </div>
        </form>
      </div>
    </div>
  </div>
<!--/. Modal Rejeitado, editar informações do lançamento-->

<!--Histórico da Solicitação-->
<div class="modal fade" id="modRel" tabindex="-1" role="dialog" aria-labelledby="modReldms" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modReldms">Histórico</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div id="modRel_historico"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
<!--/. Histórico da Solicitação-->

<!--Descrição da situação do cliente web-->
<div class="modal fade" id="sitWeb" tabindex="-1" role="dialog" aria-labelledby="sitWebdms" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="sitWebdms">Descrição</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div id="sitWebDescricao"></div>
        <hr>
        <div id="sitWebLink"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
<!--/. Descrição da situação do cliente web-->

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

<script src="./utils/js/faturamento.js"></script>
<script src="./utils/js/jquery.maskMoney.min.js"></script>

<script>
  $(document).ready(function() {
    $('.money').maskMoney();
    
    localStorage.setItem("urser_tipo", <?= $_SESSION['tipo_user'];?>) ;
  });
</script>
</body>

</html>