404

D7net
:/ var / www / html / rosario / adm / app / adms / Views / Cotacao /
Filename : VieCadCtUsuario.php
back
<?php
if (isset($this->Dados['form'])) {
    $valorForm = $this->Dados['form'];
}
if (isset($this->Dados['form'][0])) {
    $valorForm = $this->Dados['form'][0];
}
//var_dump($this->Dados['select']['forn']);
?>
<div class="content p-1">
    <div class="list-group-item">
        <div class="d-flex">
            <div class="mr-auto p-2">
                <h2 class="display-4 titulo">Cadastrar Representante</h2>
            </div>
            <?php
            if ($this->Dados['botao']['list_usuario']) {
                ?>
                <div class="p-2">
                <a href="<?php echo URLADM . 'con-ct-usuarios/listar'; ?>" class="btn btn-outline-primary btn-sm">Voltar</a>
            </div>
                <?php
            }
            ?>
            
            
        </div><hr>
        <?php
        if (isset($_SESSION['msg'])) {
            echo $_SESSION['msg'];
            unset($_SESSION['msg']);
        }
        ?>
        <form method="POST" action="" enctype="multipart/form-data"> 
             <input type="hidden" name="opcao" id="opcao" value="S">    
            <input  type="hidden" name="urladm" id="urladm" class="form-control" value="<?php echo URLADM; ?>" > 
           <div class="form-row">
            <div class="form-group col-md-4"> 
              <label><span class="text-danger">*</span>Fornecedor</label>
                   
                 <!--  <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal">Selecione</button> -->
	               <input id="gre_forn_aux" name="gre_forn_id_aux" list="entforn"  class="form-control col-sm-12" onchange="javascript:ctfornecedor(this.value);" >
                            <datalist id="entforn" > 
                      <?php

                                  foreach ($this->Dados['select']['forn'] as $forn) {

                                      extract($forn);
                                      echo "<option data-id='{$id_forn}' value='{$nome_forn}'></option>";

                                  }

                                  ?>

                            </datalist>
              <input type="hidden" name="forn_id" id="forn_id">            
               <!--     <input type="hidden" name="forn_nome" id="forn_nome">   -->    
                 </div>            
             <!--    <input type="hidden" name="empr_cnpj" id="empr_cnpj"> -->
                 <input type="hidden" name="adms_tipo" id="adms_tipo" value="R">
                <div class="form-group col-md-3">
                    <label><span class="text-danger">*</span> Apelido Representante</label>
                    <input name="apelido" id="apelido" type="text" class="form-control" placeholder="Chamar de " required >
                </div>
                
           
                    <div class="form-group col-md-2">
                    <label><span class="text-danger">*</span> Celular</label>
                    <input name="celular" id="cel" type="text" class="form-control"  required>
               
                    </div>
             
                <div class="form-group col-md-4">
                    <label><span class="text-danger">*</span> E-mail</label>
                    <input name="email" type="email" class="form-control" placeholder="Seu melhor e-mail"  required>
                </div>  
                 </div>
                 
                
             <div class="form-row">
            
                
                
                 <div  class="form-group col-md-4">
                             <div id="tabela">
                            <label>&nbsp;&nbsp;&nbsp;</label><br>  
                            <table align="center" id="tbl" border="1" width="100%">
                                <thead>
                                    <tr>
                                        <th align="center"><b><font color="blue">Codigo</font></b></th>
                                        <th align="center" style="width:900px" ><b><font color="blue">Nome da Marca</font></b></th>
                                        <th align="center"><b><font color="blue">Exc</font></b></th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>    
                             </table>
                        </div> 
                        </div> 
                 
               <div class="form-group col-md-4">
                    <label>&nbsp;&nbsp;&nbsp;</label><br>
                    <button type="button" id="botaomarcas" class="btn btn-info btn-lg" data-toggle="modal" style="width: 60x; height: 37px; font-size: 13px; align-content: center;"  onclick="javascript:buscaMarcaForn()" data-target="#myModal">Incluir Marcas</button> 
                   
                     <label>&nbsp;&nbsp;&nbsp;</label><br>
                     
                    <br> <button type="button" id="botalimpa" class="btn btn-warning btn-lg" data-toggle="modal" style="width: 60x; height: 37px; font-size: 13px; align-content: center;"  onclick="javascript:limpatbl()">Limpar Marcas</button>   
                   
                </div>
                  </div> 

            <p>
                <span class="text-danger">* </span>Campo obrigatório
            </p>
            <input name="CadCtUsuario" type="submit" class="btn btn-warning" value="Salvar">
        </form>
    </div>
    <!-- MODAL MARCA -->
  <div class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog">
     <!-- Aqui escrevemos o conteúdo do modal, como opções e detalhes da mensagem-->
     <div class="modal-content">
          <div class="modal-header">
           <h4 class="modal-title">Marcas para Autorizar</h4>
           <button type="button" class="close" data-dismiss="modal">&times;</button>
         </div>
         <!-- Corpo da mensagem -->
         <font size="2">
         <div class="modal-body">
             <div class="form-group col-md-8"> 
              <label>Selecione</label>
                   <!-- <select  name="gre_marca_aux" id="gre_marca_id_aux" class="form-control" data-toggle="modal" data-target="#exampleModal"  onchange="javascript:marca_cotacao(this.value);"> -->
              <select  name="gre_marca_aux" id="gre_marca_id_aux" class="form-control" data-toggle="modal" data-target="#exampleModal"  onchange="adicionaLinha(this.value)">
                            </select>
                 <!--  <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#exampleModal">Selecione</button> -->
	           <!--     <input id="gre_marca_aux" name="gre_marca_id_aux" list="ent"  class="form-control col-sm-12" onchange="javascript:marca_trade(this);" >
                            <datalist id="ent" > 
                      

                            </datalist>
                   -->       
                </div>            
                        
             <input type="hidden" name="marca_id" id="marca_id">            
                 <input type="hidden" name="marca_nome" id="marca_nome"> 
         </div>
         </font>
         <!-- O prompt da mensagem do Modal deverá estar aqui — é o rodapé do modal-->
         <div class="modal-footer">
           <button type="button" class="btn btn-danger" data-dismiss="modal">Sair</button>
          <!-- <input type="button" id="incluir" class="btn btn-info" onclick="adicionaLinha('tbl')" disabled value="Incluir"> -->
          <!-- <button type="submit" class="btn btn-info" onclick="adicionaLinha('tbl')">Incluir</button> -->
         </div>
       </div>
     </div>
   </div> 
</div>
<script>
 function limpatbl(){
      let td = document.querySelectorAll('td');

  for(item in td) 
  if(td[item].parentNode) td[item].parentNode.removeChild(td[item]);
 }
function ctfornecedor(valorFornecedor) {

    // Remove TDs
    document.querySelectorAll('td').forEach(function(td) {
        td.remove();
    });

    // Validação
    if (!valorFornecedor) {

        console.log('Fornecedor não informado');

        $("#forn_id").val('');
        $("#forn_nome").val('');

        return;
    }

    console.log('FORNECEDOR:', valorFornecedor);

    // Busca option correta dentro do datalist
    let option = null;

    $('#entforn option').each(function() {

        if ($(this).val().trim() === valorFornecedor.trim()) {

            option = $(this);

            return false; // break

        }

    });

    // Obtém data-id
    let id = option ? option.attr('data-id') : null;

    console.log('ID:', id);

    // Valida ID
    if (!id) {

        console.log('ID do fornecedor não encontrado');

        $("#forn_id").val('');
        $("#forn_nome").val('');

        return;
    }

    // AJAX
    $.ajax({

        url: 'http://localhost/rosario/adm/vendor/api/ctfornecedor.php?id=' + id,

        type: 'GET',

        dataType: 'json',

        beforeSend: function() {

            console.log('Consultando fornecedor...');

        },

        success: function(data) {

            console.log('DATA:', data);

            if (data && data.length > 0) {

                $("#forn_id").val(data[0].id || '');
                $("#forn_nome").val(data[0].nome || '');

            } else {

                console.log('Fornecedor não encontrado');

                $("#forn_id").val('');
                $("#forn_nome").val('');

            }

        },

        error: function(xhr, status, error) {

            console.error('Erro na requisição:', error);

            console.error('RESPOSTA:', xhr.responseText);

            $("#forn_id").val('');
            $("#forn_nome").val('');

        }

    });

}
function buscaMarcaForn() {

    const input = document.getElementById("gre_forn_aux");
    const valor = input.value;

    // pega o option correspondente no datalist
    const option = document.querySelector(`#entforn option[value="${valor}"]`);
    const idForn = option ? option.dataset.id : '';

    var opcao = document.getElementById("opcao").value;

   // alert('forn_id: ' + idForn);

    if (!idForn) { 
        alert("NENHUM Fornecedor Selecionado !!");
        input.focus();
        return;
    }

    var endereco = document.getElementById("urladm").value;

    $.ajax({
        type: "POST",
        data: { 
            forn_id: idForn,
            opcao: opcao
        }, 
        url: endereco + "vendor/api/ler_ct_marca.php",
        success: function(text) {

            document.getElementById("gre_marca_id_aux").innerHTML = text;
            console.log(text);

        }
    });
}
function adicionaLinha(marca_id) {
        //var marca_id = document.getElementById('marca_id').value;
       //alert(marca_id);
    
        if(marca_id !== 'T') {
            var marca_nome = $('#gre_marca_id_aux :selected').text()
         
         //  alert(marca_nome);
           // var marca_nome = document.getElementById('marca_nome').value;
            var tabela = document.getElementById('tbl');
            var numeroLinhas = tabela.rows.length;
            var linha = tabela.insertRow(numeroLinhas);
            var celula1 = linha.insertCell(0);
            var celula2 = linha.insertCell(1);
            var celula3 = linha.insertCell(2);
            //style="width: 85%;
            celula2.width = '1200px';
            //var celula4 = linha.insertCell(3);
            celula1.innerHTML = marca_id;
            celula2.innerHTML = marca_nome;
            var parttexto = "<input class='editar' align='center' type='checkbox' id='marca' checked onclick='removeLinha(this)'  name='marca[";    
           
            var textoin = parttexto+ marca_id+"]'>";
            //alert('textoin: ' + textoin);
            celula3.innerHTML = textoin;
            //celula3.innerHTML = "<input class='editar' type='checkbox' id='marcas' checked onclick='removeLinha(this)'  name='marcas['+ marca_id+']' readonly>";
            //celula4.innerHTML = "<input type='button' value='Remover' onclick='removeLinha(this)'>";
            // celula3.innerHTML = "<button ='removeLinha(this)'>Remover</button>";

           
            document.getElementById("tabela").style.display = 'block'; 
            if (marca_id !== 'T') {
                document.getElementById("tabela").style.display = 'block';  
            }
        }else{
          //alert('todas marca_id:'+marca_id);
          adicionaTabelaMarcas('tbl');
        } 
        
 //alert('aqui: '+marca_id+ ' - '+ marca_nome);
}
// funcao remove uma linha da tabela
function removeLinha(linha) {
var i=linha.parentNode.parentNode.rowIndex;
document.getElementById('tbl').deleteRow(i);
}
function adicionaTabelaMarcas(idTabela) {

    alert(idTabela);

    // ARRAY DE VALORES
    var valores = [];

    $('#gre_marca_id_aux')
        .find('option')
        .each(function () {

            var valor = $(this).val();

            if (valor != "") {
                valores.push(valor);
            }

        });

    console.log('valores:', valores);


    // INPUT FORNECEDOR
    const inputFornecedor =
        document.getElementById('gre_forn_aux');

    // DATALIST
    const datalistFornecedor =
        document.getElementById('entforn');

    // OPTION SELECIONADA
    const optionSelecionada = Array.from(
        datalistFornecedor.options
    ).find(option =>
        option.value === inputFornecedor.value
    );


    // VARIÁVEIS
    let forn_id = '';
    let forn_nome = '';

    // SE ENCONTROU
    if (optionSelecionada) {

        forn_id =
            optionSelecionada.dataset.id;

        forn_nome =
            optionSelecionada.value;

        console.log('FORN ID:', forn_id);

        console.log('FORN NOME:', forn_nome);
    }


    // OPÇÃO
   const campoOpcao =
    document.getElementById("opcao");

if (campoOpcao) {

    campoOpcao.value = 'T';

}

 var opcao = '';

if (campoOpcao) {

    opcao = campoOpcao.value;

}


    // VALIDAÇÃO
    if (!forn_id) {

        alert("NENHUM Fornecedor Selecionado !!");

        document
            .getElementById("gre_forn_aux")
            .focus();

        return;
    }


    // URL
    var endereco =
        document.getElementById("urladm").value;


    // AJAX
    $.ajax({

        type: "POST",

        url: endereco + "vendor/api/ler_ct_marca.php",

        data: {
            forn_id: forn_id,
            opcao: opcao
        },

        async: false,

        success: function (text) {

            document.getElementById("tbl").innerHTML = text;

            console.log(text);

        },

        error: function (xhr, status, error) {

            console.log("ERRO AJAX:", error);

        }

    });


    // FINALIZA
   if (campoOpcao) {

    campoOpcao.value = 'S';

}
const campoMarcaAux =
    document.getElementById('gre_marca_aux');

if (campoMarcaAux) {

    campoMarcaAux.value = "";

    document.getElementById("tabela").style.display = 'block';

}
}
</script>