<?php include_once('../../../config.php') ?>

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Sisplan Web | Orçamento de Cortinas</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../dist/css/adminlte.min.css?versao=3.2512.9.1">
  <link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css?versao=3.2512.9.1">
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700,400italic' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="../dist/css/dataTables.bootstrap4.min.css?versao=3.2512.9.1" />
  <link href='../dist/css/bootstrap.min.css?versao=3.2512.9.1'>
  <link rel="stylesheet" href="../dist/css/custom.css?versao=3.2512.9.1">
  <link rel="stylesheet" href="../dist/css/sisplan.css?versao=3.2512.9.1">
  <link rel="stylesheet" href="../dist/css/PesquisaVariosSelect2.css?versao=3.2512.9.1">
  <link rel="stylesheet" type="text/css" href="../plugins/datatables-keytable/css/keyTable.bootstrap4.min.css?versao=3.2512.9.1">
  <link rel="stylesheet" type="text/css" href="../dist/css/responsive.bootstrap.min.css?versao=3.2512.9.1">
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../plugins/toastr/toastr.min.css?versao=3.2512.9.1">
  <link rel="stylesheet" type="text/css" href="../dist/css/driver.min.css?versao=3.2512.9.1" />
  <link rel="stylesheet" href="../dist/css/jquery-ui.css?versao=3.2512.9.1">
  <link rel="stylesheet" href="../dist/css/cadastro.css?versao=3.2512.9.1">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  <link rel="stylesheet" href="../plugins/select2/css/select2.min.css?versao=3.2512.9.1">
  <link rel="stylesheet" href="../plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css?versao=3.2512.9.1">

  <style>
    #progressbar li {
      list-style-type: none;
      font-size: 12px;
      width: 33.33%;
      float: left;
      position: relative
    }


    .input-group-append>a>i {
      margin-left: 0 !important;
      padding-left: 5px;
      padding-right: 5px;
    }

    .focus:read-only:focus {
      border-color: #aa1212 !important;
    }

    .border-Field .textoBorda {
      font-size: 1.0em !important;
      text-align: left !important;
      width: auto;
      padding: 0 10px;
      border-bottom: none;
    }

    .border-Field {
      border: 1.0px solid var(--font-color) !important;
      padding: 0 1.0em 1.0em 1.0em !important;
      margin: 0 0 1.0em 0 !important;
      -webkit-box-shadow: 0px 0px 0px 0px #000;
      box-shadow: 0px 0px 0px 0px #000;
      padding-bottom: 0px !important;
    }

    .card.card-header {
      border-bottom: 1px dashed #ddd;
      box-shadow: none !important;
    }

    .card-body {
      padding-left: 1.25rem !important;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: 1.25rem !important;
    }

    .fa-angle-right,
    .fa-angle-down {
      color: #343a40;
    }

    .header-content-page .title-page,
    .title-content-page .title,
    .title-page {
      font-size: 20px;
      line-height: normal;
      font-weight: 500;
      color: var(--font-color);
      margin: 0;
      font-family: Roboto, Arial, sans-serif;
    }

    #tabelaItens,
    #tabelaSubItens {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  </style>

</head>

<body class="sidebar-mini layout-fixed">
  <div class="wrapper">
    <div class="content-wrapper">
      <section class="content">
        <div class="container-fluid" id="grad1">
          <div class="row justify-content-center mt-0">
            <div class="col-10 text-center p-0 mt-3 mb-2">
              <div class="card px-0 pt-4 pb-0 mt-3 mb-3">
                <div class="card-header text-center flex" style="border: none!important;box-shadow:none!important;">
                  <h2>Orçamento de Cortina
                    <button title="Tutorial" type="button" class="btn btn-info btn-sm ml-2" style="color: white;" id="tutorial">
                      <i class="fas fa-question-circle"></i>
                    </button>
                  </h2>
                </div>

                <div class="row">
                  <div class="col-md-12 mx-0">
                    <form id="msform">
                      <ul id="progressbar">
                        <li class="active" id="account"><strong>Geral</strong></li>
                        <li id="payment"><strong>Itens</strong></li>
                        <li id="confirm"><strong>Previsão de Pagamento</strong></li>
                      </ul>
                      <p>Preencha os dados e clique em avançar até a conclusão do orçamento</p>
                      <fieldset>
                        <div class="form-card" id="tourGeral">
                          <h2 class="fs-title">Dados Gerais</h2>
                          <div class="row">
                            <div class="col-lg-5 col-6">
                              <label data-error="wrong" data-success="right" for="txtNumero">Número:</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" disabled id="txtNumero" name="txtNumero" class="form-control" placeholder="Número">
                              </div>
                            </div>

                            <div class="col-lg-5 col-12">
                              <label>Empresa: *</label>
                              <div class="input-group">
                                <select class="form-control select2 select2-danger focus" id="selectEmpresa" name="selectEmpresa" data-dropdown-css-class="select2-danger">
                                </select>
                              </div>
                            </div>

                            <div class="col-lg-2 col-3">
                              <label data-error="wrong" data-success="right" for="txtStatus">Status: <a id="carregaHistoricoStatus" style="text-decoration: underline; cursor: pointer" class="hover-overlay" target="_blank"><i class="fas fa-history"></i></a></label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtStatus" disabled name="txtStatus" class="form-control" placeholder="Status">
                              </div>
                            </div>

                            <div class="col-lg-6 col-6">
                              <label data-error="wrong" data-success="right" for="txtVendedor">Vendedor: *</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtVendedor" name="txtVendedor" class="form-control" placeholder="Vendedor" required>
                                <div class="input-group-append">
                                  <button class="btn bg-danger" id="btnVendedor" name="btnVendedor" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                  <button class="btn bg-danger" id="btnLimpaVendedor" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                </div>
                              </div>
                            </div>

                            <div class="col-lg-6 col-6">
                              <label data-error="wrong" data-success="right" for="txtGuia">Guia:</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtGuia" name="txtGuia" class="form-control" placeholder="Guia">
                                <div class="input-group-append">
                                  <button class="btn bg-danger" id="btnGuia" name="btnGuia" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                  <button class="btn bg-danger" id="btnLimpaGuia" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                </div>
                              </div>
                            </div>

                            <!-- <div class="col-lg-6 col-6">
                              <label data-error="wrong" data-success="right" for="txtAssistente">Assistente:</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtAssistente" name="txtAssistente" class="form-control" placeholder="Assistente">
                                <div class="input-group-append">
                                  <button class="btn bg-danger" id="btnAssistente" name="btnAssistente" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                  <button class="btn bg-danger" id="btnLimpaAssistente" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                </div>
                              </div>
                            </div> -->

                            <div class="col-lg-6 col-6">
                              <label data-error="wrong" data-success="right" for="txtCliente">Cliente: *</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtCliente" name="txtCliente" class="form-control" placeholder="Cliente">
                                <div class="input-group-append">
                                  <button class="btn bg-danger" id="btn-info-cliente" name="btn-info-cliente" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-user"></i></button>
                                  <button class="btn bg-danger" id="btnCliente" name="btnCliente" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                  <button class="btn bg-danger" id="btnLimpaCliente" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                </div>
                              </div>
                            </div>

                            <div class="col-lg-3 col-12">
                              <label data-error="wrong" data-success="right" for="dtEntrega">Previsão Entrega: *</label>
                              <div class="input-group">
                                <input type="date" max="2500-12-31" value="" class="input-default focus form-control" id="dtEntrega" name="dtEntrega" class="form-control" placeholder="Comissão 1">
                              </div>
                            </div>

                            <div class="col-lg-3  col-12">
                              <label data-error="wrong" data-success="right" for="dtDigitacao">Data digitação:</label>
                              <div class="input-group">
                                <input type="date" max="2500-12-31" value="" class="input-default focus form-control" disabled id="dtDigitacao" name="dtDigitacao" class="form-control" placeholder="Comissão 1">
                              </div>
                            </div>

                            <!-- <div class="col-lg-6 col-6 mb-0">
                              <label data-error="wrong" data-success="right" for="txtTabPreco">Tabela de Preço: *</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtTabPreco" name="txtTabPreco" value="[001] - TABELA PADRÃO" disabled class="form-control" placeholder="Tabela de Preco">
                                <div class="input-group-append">
                                  <button class="btn bg-danger" disabled id="btnTabPreco" name="btnTabPreco" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                  <button class="btn bg-danger" disabled id="btnLimpaTabPreco" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                </div>
                              </div>
                            </div> -->

                            <!-- <div class="col-lg-6 col-6 mb-0">
                              <label data-error="wrong" data-success="right" for="txtDeposito">Depósito: *</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtDeposito" name="txtDeposito" value="[0001] - PADRÃO" disabled class="form-control" placeholder="Depósito">
                                <div class="input-group-append">
                                  <button class="btn bg-danger" disabled id="btnDeposito" name="btnDeposito" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                  <button class="btn bg-danger" disabled id="btnLimpaDeposito" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                </div>
                              </div>
                            </div> -->

                            <div class="col-lg-12 col-12">
                              <label data-error="wrong" data-success="right" for="txtObservacao">Observação:</label>
                              <textarea style="resize: none" id="txtObservacao" placeholder="Observação" class="input-default focus form-control" rows="4"></textarea>
                            </div>

                          </div>
                        </div>
                        <input type="button" id="avancar1" name="next" class="next action-button" value="Avançar" />
                        <input type="button" id="voltarAcesso" class="previous action-button-previous" value="Voltar" />
                      </fieldset>
                      <fieldset id="ItensFs">
                        <div class="form-card">
                          <div class="row d-flex justify-content-between">
                            <div class="col-3 form-group mb-0">
                              <label>Ambiente:</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtAmbiente" disabled name="txtAmbiente" class="form-control" placeholder="Ambiente">
                              </div>
                            </div>
                            <div class="col-3 form-group mb-0">
                              <label>Instalação:</label>
                              <div class="input-group">
                                <select class="form-control input-default campoInstalacao" disabled id="selectInstalacao" name="selectInstalacao">
                                  <option value="" disabled selected>Selecione uma opção</option>
                                  <option value="Teto">Teto</option>
                                  <option value="Parede">Parede</option>
                                </select>
                              </div>
                            </div>
                            <div class="col-3 form-group mb-0">
                              <label>Comando:</label>
                              <div class="input-group">
                                <select class="form-control input-default campoComando" disabled id="selectComando" name="selectComando">
                                  <option value="" disabled selected>Selecione uma opção</option>
                                  <option value="Direito">Direito</option>
                                  <option value="Esquerdo">Esquerdo</option>
                                </select>
                              </div>
                            </div>
                            <div class="col-lg-2 ml-auto mt-auto">
                              <button type="button" id="btnOrcamento" class="btn btn-danger col-12">Orçar</button>
                            </div>
                          </div>
                          <div id="items-wrap" class="table-wrap">
                            <div class="col-sm-12 table-responsive">
                              <table id="tabelaItens" style="width:100%" class="table table-responsive-sm table-select table-hover" width="100%">
                                <thead>
                                </thead>
                                <tbody>
                                </tbody>
                              </table>
                            </div>
                          </div>
                          <div id="items-wrap" class="table-wrap">
                            <div class="col-sm-12 table-responsive">
                              <table id="tabelaSubItens" style="width:100%" class="table table-responsive-sm table-select table-hover" width="100%">
                                <thead>
                                </thead>
                                <tbody>
                                </tbody>
                              </table>
                            </div>
                          </div>
                          <div class="col-12 row justify-content-end mt-2">
                            <div class="col-2 form-group">
                              <label class="mb-0" for="txtTotalServico">Total Serviço: </label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control text-right" id="txtTotalServico" name="txtTotalServico" value="0" disabled class="form-control" placeholder="Total Serviço">
                              </div>
                            </div>
                            <div class="form-group">
                              <label class="mb-0" for="txtTotalMaterial">Total Material: </label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control text-right" id="txtTotalMaterial" name="txtTotalMaterial" value="0" disabled class="form-control" placeholder="Total Material">
                              </div>
                            </div>
                            <div class="col-2 form-group">
                              <label class="mb-0" for="txtTotal">Total: </label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control text-right" id="txtTotal" name="txtTotal" value="0" disabled class="form-control" placeholder="Total">
                              </div>
                            </div>
                          </div>
                        </div>
                        <input type="button" id="avancarItens" name="next" class="next action-button" value="Avançar" />
                        <!-- <input type="button" id="calcular" name="calcular" class="btn-sisp btn btn-primary btn-sm action-button" style="background: var(--info-box-primary) !important" value="Calcular" /> -->
                        <input type="button" name="previous" id="voltarItens" class="previous action-button-previous" value="Voltar" />
                      </fieldset>
                      <fieldset>
                        <div class="form-card" id="tourFinanceiro">
                          <h2 class="fs-title">Pagamento</h2>

                          <div class="row card-totais">
                            <div class="d-flex col-12 pl-0">
                              <div class="col-lg-2 col-4 form-group">
                                <label data-error="wrong" data-success="right" for="txtValorLiq">Valor Líq. Total:</label>
                                <div class="input-group">
                                  <input type="text" class="input-default focus form-control maskDecimais text-right" id="txtValorLiq" name="txtValorLiq" disabled>
                                </div>
                              </div>
                              <div class="col-lg-3  col-3 form-group">
                                <label data-error="wrong" data-success="right" for="txtDescontoEmprenho">Desconto R$</label>
                                <div class="input-group">
                                  <input type="text" class="input-default focus form-control maskDecimais" id="txtDescontoEmprenho" name="txtDescontoEmprenho" placeholder="0">
                                </div>
                              </div>
                              <div class="col-lg-3  col-3 form-group d-none">
                                <label data-error="wrong" data-success="right" for="txtValLiqBackup">Desconto R$</label>
                                <div class="input-group">
                                  <input type="text" class="input-default focus form-control maskDecimais" id="txtValLiqBackup" name="txtValLiqBackup" placeholder="0">
                                </div>
                              </div>
                            </div>

                            <div class="col-lg-6 col-6 form-group">
                              <label data-error="wrong" data-success="right" for="txtMoeda">Moeda: *</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtMoeda" name="txtMoeda" placeholder="Moeda">
                                <div class="input-group-append">
                                  <button class="btn bg-danger" id="btnMoeda" name="btnMoeda" data-button="absolute" type="button">
                                    <i class="m-0 p-0 fas fa-search"></i>
                                  </button>
                                  <button class="btn bg-danger" id="btnLimpaMoeda" type="button">
                                    <i class="m-0 p-0 fas fa-trash"></i>
                                  </button>
                                </div>
                              </div>
                            </div>

                            <div class="col-lg-6 col-6 form-group">
                              <label data-error="wrong" data-success="right" for="txtCondicao">Condição:</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control" id="txtCondicao" name="txtCondicao" placeholder="Condicao" disabled>
                                <div class="input-group-append">
                                  <button class="btn bg-danger" id="btnCondicao" name="btnCondicao" data-button="absolute" type="button" disabled>
                                    <i class="m-0 p-0 fas fa-search"></i>
                                  </button>
                                  <button class="btn bg-danger" id="btnLimpaCondicao" type="button" disabled>
                                    <i class="m-0 p-0 fas fa-trash"></i>
                                  </button>
                                </div>
                              </div>
                            </div>
                            <div class="col-lg-2  col-2 form-group">
                              <label data-error="wrong" data-success="right" for="txtNrParcelas">Nr. Parcelas:</label>
                              <div class="input-group">
                                <input type="number" class="input-default focus form-control" id="txtNrParcelas" name="txtNrParcelas" value="0" disabled>
                              </div>
                            </div>
                            <div class="col-lg-2  col-2 form-group">
                              <label data-error="wrong" data-success="right" for="txtIntervaloDias">Intervalo de Dias:</label>
                              <div class="input-group">
                                <input type="number" class="input-default focus form-control" id="txtIntervaloDias" name="txtIntervaloDias" value="1" disabled>
                              </div>
                            </div>
                            <div class="col-lg-2  col-2 form-group">
                              <label data-error="wrong" data-success="right" for="dtPrimeiroVencto">1º Vencimento:</label>
                              <div class="input-group">
                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="dtPrimeiroVencto" name="dtPrimeiroVencto" disabled>
                              </div>
                            </div>
                            <div class="col-lg-3  col-3 form-group">
                              <label data-error="wrong" data-success="right" for="txtValorCondicao">Valor condição:</label>
                              <div class="input-group">
                                <input type="text" class="input-default focus form-control maskDecimais" id="txtValorCondicao" name="txtValorCondicao" placeholder="Valor condição">
                              </div>
                            </div>
                            <div class="col-3">
                              <div class="row justify-content-end" style="padding-top: 3px">
                                <div class="mt-4">
                                  <input type="button" class="btn float-right btn-danger btn-sisp" id="btnAtualizar" name="make_payment" value="Atualizar" style="margin: 1px" />
                                  <input type="button" class="btn float-right  btn-primary btn-sisp" id="btnLimpar" name="make_payment" value="Limpar" style="margin: 1px" />
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="col-sm-12 table-responsive card-body">
                            <table id="tabelaCondicao" class="table table-responsive-sm table-select table-hover" width="100%">
                              <thead>
                                <tr>
                                  <th class="th-sm">Dias</th>
                                  <th class="th-sm">Vencimento</th>
                                  <th class="th-sm">Moeda</th>
                                  <th class="th-sm">Condição</th>
                                  <th class="th-sm">Desc. Condição</th>
                                  <th class="th-sm">Valor</th>
                                </tr>
                              </thead>
                              <tbody>
                              </tbody>
                            </table>
                          </div>
                        </div>
                        <input type="submit" id="gravar" name="make_payment" class="action-button" value="Gravar" />
                        <input type="button" id="ultimoVoltar" name="previous" class="previous action-button-previous" value="Voltar" />
                      </fieldset>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <div class="modal fade" id="modalItem" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog " style="min-width: 95%;">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Adicionar Item</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

          <div class="row">
            <div class="col-12">
              <div class="row">
                <div class="col-4 form-group mb-0">
                  <label>Ambiente:</label>
                  <div class="input-group">
                    <input type="text" class="input-default focus form-control" id="txtAmbienteOrc" name="txtAmbienteOrc" class="form-control" placeholder="Ambiente">
                  </div>
                </div>
                <div class="col-4 form-group mb-0">
                  <label>Instalação:</label>
                  <div class="input-group">
                    <select class="form-control input-default campoInstalacao" id="selectInstalacaoOrc" name="selectInstalacaoOrc">
                      <option value="" disabled selected>Selecione uma opção</option>
                      <option value="Teto">Teto</option>
                      <option value="Parede">Parede</option>
                    </select>
                  </div>
                </div>
                <div class="col-4 form-group mb-0">
                  <label>Comando:</label>
                  <div class="input-group">
                    <select class="form-control input-default campoComando" id="selectComandoOrc" name="selectComandoOrc">
                      <option value="" disabled selected>Selecione uma opção</option>
                      <option value="Direito">Direito</option>
                      <option value="Esquerdo">Esquerdo</option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="card card-header mb-0 mt-2" role="tab" id="geral" style="border-radius: 0;">
                <a style="width:100%;" data-toggle="collapse" data-parent="#multiCollapseExample1" href="#multiCollapseExample1" aria-expanded="true" aria-controls="collapseOne1">
                  <div class="row">
                    <div style="max-width:20px;margin-top:auto; margin-bottom: auto" class="col-1">
                      <i class="fas fa-angle-down"></i>
                    </div>
                    <div class="col-11">
                      <h4 class="title-page">
                        Geral
                      </h4>
                    </div>
                  </div>
                </a>
              </div>
              <div class="collapse show" id="multiCollapseExample1">
                <div class="card card-body py-3 mb-0">
                  <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="geral-tab">
                    <div class="row">
                      <div class="col-4 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtCodigo">Modelo de Cortina:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoCodigo" id="txtCodigo" name="txtCodigo" class="form-control" placeholder="Código">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoCodigo" id="btnCodigo" name="btnCodigo" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoCodigo" id="btnLimpaCodigo" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-4 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtCorTrilho">Cor do Trilho:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoCorTrilho" disabled id="txtCorTrilho" name="txtCorTrilho" class="form-control" placeholder="Cor">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoCorTrilho" disabled id="btnCorTrilho" name="btnCorTrilho" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoCorTrilho" disabled id="btnLimpaCorTrilho" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtLargura">Largura:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control camposMascara campoLargura" id="txtLargura" name="txtLargura" value="0.00" class="form-control" placeholder="Largura">
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtAltura">Altura:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control camposMascara campoAltura" id="txtAltura" name="txtAltura" value="0.00" class="form-control" placeholder="Altura">
                        </div>
                      </div>

                      <!-- 
                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtAmbiente">Ambiente:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoAmbiente" disabled id="txtAmbiente" name="txtAmbiente" class="form-control" placeholder="Ambiente">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoAmbiente" disabled id="btnAmbiente" name="btnAmbiente" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoAmbiente" disabled id="btnLimpaAmbiente" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div> -->

                      <!-- <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtInstalacao">Instalacao:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoInstalacao" disabled id="txtInstalacao" name="txtInstalacao" class="form-control" placeholder="Instalacao">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoInstalacao" disabled id="btnInstalacao" name="btnInstalacao" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoInstalacao" disabled id="btnLimpaInstalacao" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div> -->
                      <!-- 
                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtComando">Comando/Ação:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoComando" disabled id="txtComando" name="txtComando" class="form-control" placeholder="Comando/Ação">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoComando" disabled id="btnComando" name="btnComando" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoComando" disabled id="btnLimpaComando" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div> -->

                      <!-- <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtComplemento">Complemento:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoComplamento" disabled id="txtComplemento" name="txtComplemento" class="form-control" placeholder="Complemento">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoComplemento" disabled id="btnComplemento" name="btnComplemento" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoComplemento" disabled id="btnLimpaComplemento" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div> -->

                      <div class="col-3 form-group mb-0">
                        <label>Tipo de Trilho:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoTipoTrilho" disabled id="selectTipoTrilho" name="selectTipoTrilho">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0">Trilho Único</option>
                            <option value="1">Trilho Duplo</option>
                            <option value="2">Trilho Triplo</option>
                            <option value="3">Tubo Único</option>
                            <option value="4">Tubo Duplo</option>

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

                      <div class="col-3 form-group mb-0">
                        <label>Kit Trilho:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoKitTrilho" disabled id="selectKitTrilho" name="selectKitTrilho">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label>Abertura:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoAbertura" disabled id="selectAbertura" name="selectAbertura">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0"> EM 2 PARTES</option>
                            <option value="1"> EM 3 PARTES</option>
                            <option value="2"> EM 4 PARTES</option>
                            <option value="3"> EM 5 PARTES</option>
                            <option value="4"> EM 6 PARTES</option>
                            <option value="5"> EM 7 PARTES</option>
                            <option value="6"> EM 8 PARTES</option>
                            <option value="7"> INTEIRA</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label>Tipo de Costura:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoTipoCostura" disabled id="selectTipoCostura" name="selectTipoCostura">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0">Junto</option>
                            <option value="1">Separado</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtTrilhoFrontal">Trilho Frontal:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoTrilhoFrontal" disabled id="txtTrilhoFrontal" name="txtTrilhoFrontal" class="form-control" placeholder="Trilho Frontal">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoTrilhoFrontal" disabled id="btnTrilhoFrontal" name="btnTrilhoFrontal" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoTrilhoFrontal" disabled id="btnLimpaTrilhoFrontal" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtDeslizFrontal">Desliz. Frontal:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoDeslizFrontal" disabled id="txtDeslizFrontal" name="txtDeslizFrontal" class="form-control" placeholder="Desliz. Frontal">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoDeslizFrontal" disabled id="btnDeslizFrontal" name="btnDeslizFrontal" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoDeslizFrontal" disabled id="btnLimpaDeslizFrontal" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtSuporte">Suporte: </label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoSuporte" disabled id="txtSuporte" name="txtSuporte" class="form-control" placeholder="Suporte">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoSuporte" disabled id="btnSuporte" name="btnSuporte" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoSuporte" disabled id="btnLimpaSuporte" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtFinalFrontal">Final Frontal:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoFinalFrontal" disabled id="txtFinalFrontal" name="txtFinalFrontal" class="form-control" placeholder="Final Frontal">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoFinalFrontal" disabled id="btnFinalFrontal" name="btnFinalFrontal" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoFinalFrontal" disabled id="btnLimpaFinalFrontal" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtTrilhoTraseiro">Trilho Traseiro:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoTrilhoTraseiro" disabled id="txtTrilhoTraseiro" name="txtTrilhoTraseiro" class="form-control" placeholder="Trilho Traseiro">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoTrilhoTraseiro" disabled id="btnTrilhoTraseiro" name="btnTrilhoTraseiro" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoTrilhoTraseiro" disabled id="btnLimpaTrilhoTraseiro" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtDeslizTraseiro">Desliz. Traseiro:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoDeslizTraseiro" disabled id="txtDeslizTraseiro" name="txtDeslizTraseiro" class="form-control" placeholder="Desliz. Traseiro">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoDeslizTraseiro" disabled id="btnDeslizTraseiro" name="btnDeslizTraseiro" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoDeslizTraseiro" disabled id="btnLimpaDeslizTraseiro" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtSuporteFlange">Suporte Flange: </label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoSuporteFlange" disabled id="txtSuporteFlange" name="txtSuporteFlange" class="form-control" placeholder="SuporteFlange">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoSuporteFlange" disabled id="btnSuporteFlange" name="btnSuporteFlange" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoSuporteFlange" disabled id="btnLimpaSuporteFlange" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-3 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtFinalTraseiro">Final Traseiro:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoFinalTraseiro" disabled id="txtFinalTraseiro" name="txtFinalTraseiro" class="form-control" placeholder="Final Traseiro">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoFinalTraseiro" disabled id="btnFinalTraseiro" name="btnFinalTraseiro" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoFinalTraseiro" disabled id="btnLimpaFinalTraseiro" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="card card-header mb-0" role="tab" style="border-radius: 0;">
                <a style="width:100%;" id="documentoaba" data-toggle="collapse" data-parent="#multiCollapseExample2" href="#multiCollapseExample2" aria-expanded="true" aria-controls="collapseOne1">
                  <div class="row">
                    <div style="max-width:20px;margin-top:auto; margin-bottom: auto" class="col-1">
                      <i class="fas fa-angle-down"></i>
                    </div>
                    <div class="col-11">
                      <h4 class="title-page">
                        Tecidos:
                      </h4>
                    </div>
                  </div>
                </a>
              </div>
              <div class="collapse show" id="multiCollapseExample2">
                <div class="card card-body py-3">
                  <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="documento-tab">
                    <div class="row">
                      <div class="col-4 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtTecido">Tecido:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoTecido" disabled id="txtTecido" name="txtTecido" class="form-control" placeholder="Tecido">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoTecido" disabled id="btnTecido" name="btnTecido" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoTecido" disabled id="btnLimpaTecido" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Barra:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoBarraTecido" disabled id="selectBarraTecido" name="selectBarraTecido">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="05">05cm</option>
                            <option value="10">10cm</option>
                            <option value="15">15cm</option>
                            <option value="20">20cm</option>
                            <option value="25">25cm</option>
                            <option value="30">30cm</option>
                            <option value="35">35cm</option>
                            <option value="40">40cm</option>
                            <option value="45">45cm</option>
                            <option value="50">50cm</option>
                            <option value="55">55cm</option>
                            <option value="60">60cm</option>
                            <option value="65">65cm</option>
                            <option value="70">70cm</option>
                            <option value="75">75cm</option>
                            <option value="80">80cm</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Dupla:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoDuplaTecido" disabled id="selectDuplaTecido" name="selectDuplaTecido">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Franz.:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoFranzTecido" disabled id="selectFranzTecido" name="selectFranzTecido">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="1.00">1.00</option>
                            <option value="1.10"> 1.10</option>
                            <option value="1.20"> 1.20</option>
                            <option value="1.30"> 1.30</option>
                            <option value="1.40"> 1.40</option>
                            <option value="1.50"> 1.50</option>
                            <option value="1.60"> 1.60</option>
                            <option value="1.70"> 1.70</option>
                            <option value="1.80"> 1.80</option>
                            <option value="1.90"> 1.90</option>
                            <option value="2.00"> 2.00</option>
                            <option value="2.10"> 2.10</option>
                            <option value="2.20"> 2.20</option>
                            <option value="2.30"> 2.30</option>
                            <option value="2.40"> 2.40</option>
                            <option value="2.50"> 2.50</option>
                            <option value="2.60"> 2.60</option>
                            <option value="2.70"> 2.70</option>
                            <option value="2.80"> 2.80</option>
                            <option value="2.90"> 2.90</option>
                            <option value="3.00"> 3.00</option>
                            <option value="3.10"> 3.10</option>
                            <option value="3.20"> 3.20</option>
                            <option value="3.30"> 3.30</option>
                            <option value="3.40"> 3.40</option>
                            <option value="3.50"> 3.50</option>
                            <option value="3.60"> 3.60</option>
                            <option value="3.70"> 3.70</option>
                            <option value="3.80"> 3.80</option>
                            <option value="3.90"> 3.90</option>
                            <option value="4.00"> 4.00</option>
                            <option value="4.10"> 4.10</option>
                            <option value="4.20"> 4.20</option>
                            <option value="4.30"> 4.30</option>
                            <option value="4.40"> 4.40</option>
                            <option value="4.50"> 4.50</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Inverter:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoInverterTecido" disabled id="selectInverterTecido" name="selectInverterTecido">
                            <option value="" disabled>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option selected value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-4 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtForro">Forro:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoForro" disabled id="txtForro" name="txtForro" class="form-control" placeholder="Forro">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoForro" disabled id="btnForro" name="btnForro" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoForro" disabled id="btnLimpaForro" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Barra:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoBarraForro" disabled id="selectBarraForro" name="selectBarraForro">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="05">05cm</option>
                            <option value="10">10cm</option>
                            <option value="15">15cm</option>
                            <option value="20">20cm</option>
                            <option value="25">25cm</option>
                            <option value="30">30cm</option>
                            <option value="35">35cm</option>
                            <option value="40">40cm</option>
                            <option value="45">45cm</option>
                            <option value="50">50cm</option>
                            <option value="55">55cm</option>
                            <option value="60">60cm</option>
                            <option value="65">65cm</option>
                            <option value="70">70cm</option>
                            <option value="75">75cm</option>
                            <option value="80">80cm</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Dupla:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoDuplaForro" disabled id="selectDuplaForro" name="selectDuplaForro">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Franz.:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoFranzForro" disabled id="selectFranzForro" name="selectFranzForro">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="1.00">1.00</option>
                            <option value="1.10"> 1.10</option>
                            <option value="1.20"> 1.20</option>
                            <option value="1.30"> 1.30</option>
                            <option value="1.40"> 1.40</option>
                            <option value="1.50"> 1.50</option>
                            <option value="1.60"> 1.60</option>
                            <option value="1.70"> 1.70</option>
                            <option value="1.80"> 1.80</option>
                            <option value="1.90"> 1.90</option>
                            <option value="2.00"> 2.00</option>
                            <option value="2.10"> 2.10</option>
                            <option value="2.20"> 2.20</option>
                            <option value="2.30"> 2.30</option>
                            <option value="2.40"> 2.40</option>
                            <option value="2.50"> 2.50</option>
                            <option value="2.60"> 2.60</option>
                            <option value="2.70"> 2.70</option>
                            <option value="2.80"> 2.80</option>
                            <option value="2.90"> 2.90</option>
                            <option value="3.00"> 3.00</option>
                            <option value="3.10"> 3.10</option>
                            <option value="3.20"> 3.20</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Inverter:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoInverterForro" disabled id="selectInverterForro" name="selectInverterForro">
                            <option value="" disabled>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option selected value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-4 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtBlackout">Blackout:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoBlackout" disabled id="txtBlackout" name="txtBlackout" class="form-control" placeholder="Blackout">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoBlackout" disabled id="btnBlackout" name="btnBlackout" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoBlackout" disabled id="btnLimpaBlackout" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Barra:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoBarraBlackout" disabled id="selectBarraBlackout" name="selectBarraBlackout">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="05">05cm</option>
                            <option value="10">10cm</option>
                            <option value="15">15cm</option>
                            <option value="20">20cm</option>
                            <option value="25">25cm</option>
                            <option value="30">30cm</option>
                            <option value="35">35cm</option>
                            <option value="40">40cm</option>
                            <option value="45">45cm</option>
                            <option value="50">50cm</option>
                            <option value="55">55cm</option>
                            <option value="60">60cm</option>
                            <option value="65">65cm</option>
                            <option value="70">70cm</option>
                            <option value="75">75cm</option>
                            <option value="80">80cm</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Dupla:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoDuplaBlackout" disabled id="selectDuplaBlackout" name="selectDuplaBlackout">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Franz.:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoFranzBlackout" disabled id="selectFranzBlackout" name="selectFranzBlackout">
                            <option value="" disabled selected>Selecione uma opção</option>
                            <option value="1.00">1.00</option>
                            <option value="1.10"> 1.10</option>
                            <option value="1.20"> 1.20</option>
                            <option value="1.30"> 1.30</option>
                            <option value="1.40"> 1.40</option>
                            <option value="1.50"> 1.50</option>
                            <option value="1.60"> 1.60</option>
                            <option value="1.70"> 1.70</option>
                            <option value="1.80"> 1.80</option>
                            <option value="1.90"> 1.90</option>
                            <option value="2.00"> 2.00</option>
                            <option value="2.10"> 2.10</option>
                            <option value="2.20"> 2.20</option>
                            <option value="2.30"> 2.30</option>
                            <option value="2.40"> 2.40</option>
                            <option value="2.50"> 2.50</option>
                            <option value="2.60"> 2.60</option>
                            <option value="2.70"> 2.70</option>
                            <option value="2.80"> 2.80</option>
                            <option value="2.90"> 2.90</option>
                            <option value="3.00"> 3.00</option>
                            <option value="3.10"> 3.10</option>
                            <option value="3.20"> 3.20</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-2 form-group mb-0">
                        <label>Inverter:</label>
                        <div class="input-group">
                          <select class="form-control input-default campoInverterBlackout" disabled id="selectInverterBlackout" name="selectInverterBlackout">
                            <option value="" disabled>Selecione uma opção</option>
                            <option value="0">Não</option>
                            <option selected value="1">Sim</option>
                          </select>
                        </div>
                      </div>

                      <div class="col-5 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtCostureira">Costureira:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoCostureira" disabled id="txtCostureira" name="txtCostureira" class="form-control" placeholder="Costureira">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoCostureira" disabled id="btnCostureira" name="btnCostureira" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoCostureira" disabled id="btnLimpaCostureira" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-5 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtInstalador">Instalador:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoInstalador" disabled id="txtInstalador" name="txtInstalador" class="form-control" placeholder="Instalador">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoInstalador" disabled id="btnInstalador" name="btnInstalador" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoInstalador" disabled id="btnLimpaInstalador" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>

                      <div class="col-lg-2 ml-auto mt-auto">
                        <button type="button" id="btnAbrirModalTaxas" class="btn btn-primary col-12">Adicionar taxas</button>
                      </div>

                      <div class="col-lg-12 col-12 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtObsCostureira">Obs para costureira:</label>
                        <textarea style="resize: none" id="txtObsCostureira" disabled class="input-default focus form-control campoObsCostureira" rows="5"></textarea>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="card card-header mb-0" role="tab" style="border-radius: 0;">
                <a style="width:100%;" id="personalizacaoaba" data-toggle="collapse" data-parent="#multiCollapseExample3" href="#multiCollapseExample3" aria-expanded="true" aria-controls="collapseOne1">
                  <div class="row">
                    <div style="max-width:20px;margin-top:auto; margin-bottom: auto" class="col-1">
                      <i class="fas fa-angle-down"></i>
                    </div>
                    <div class="col-11">
                      <h4 class="title-page">
                        Personalização:
                      </h4>
                    </div>
                  </div>
                </a>
              </div>
              <div class="collapse show" id="multiCollapseExample3">
                <div class="card card-body py-3">
                  <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="personalizacao-tab">
                    <div class="form-row">
                      <div class="icheck-primary mr-2">
                        <input type="radio" checked="checked" id="radioProduto" name="tipoFat">
                        <label class="" for="radioProduto">Produto</label>
                      </div>
                      <!-- <div class="icheck-primary mr-2">
                        <input type="radio" id="radioMaterial" name="tipoFat">
                        <label class="" for="radioMaterial">Material</label>
                      </div> -->
                    </div>
                    <div class="row">
                      <div class="col-4 form-group mb-0" id="divProduto">
                        <label data-error="wrong" data-success="right" for="txtProduto">Produto:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoProduto" id="txtProduto" name="txtProduto" class="form-control" placeholder="Produto">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoProduto" id="btnProduto" name="btnProduto" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoProduto" id="btnLimpaProduto" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>
                      <div class="col-4 form-group mb-0 d-none" id="divMaterial">
                        <label data-error="wrong" data-success="right" for="txtMaterial">Material:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoProduto" id="txtMaterial" name="txtMaterial" class="form-control" placeholder="Material">
                          <div class="input-group-append">
                            <button class="btn bg-danger campoProduto" id="btnMaterial" name="btnMaterial" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                            <button class="btn bg-danger campoProduto" id="btnLimpaMaterial" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                          </div>
                        </div>
                      </div>
                      <div class="col-2 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtQuantidadePers">Quantidade:</label>
                        <div class="input-group">
                          <input type="number" class="input-default focus form-control campoQuantidade" disabled id="txtQuantidadePers" name="txtQuantidadePers" class="form-control" placeholder="Quantidade">
                        </div>
                      </div>
                      <div class="col-2 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtPrecoPers">Preço:</label>
                        <div class="input-group">
                          <input type="text" class="input-default focus form-control campoQuantidade" disabled id="txtPrecoPers" name="txtPrecoPers" class="form-control" placeholder="Preço">
                        </div>
                      </div>

                      <div class="col-lg-12 col-12 form-group mb-0">
                        <label data-error="wrong" data-success="right" for="txtComplementoPers">Complemento:</label>
                        <textarea style="resize: none" id="txtComplementoPers" class="input-default focus form-control campoComplementoPers" rows="5"></textarea>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <div class="row">
            <div class="col-sm-12">
              <button id="btnDesistir" class="btn btn-sisp btn-danger mr-2" data-dismiss="modal"> Desistir </button>
              <button id="calcular" class="btn btn-sisp btn-primary"> Calcular </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="modalHistorico" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Informações adicionais</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body py-0">
          <div class="row">
            <div class="col-sm-12 table-responsive">
              <table id="tabelaHistoricoOrcamento" class="table display nowrap" style="width:100%; margin-top:0 !important">
                <thead>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>

          </div>
        </div>
        <div class="modal-footer">
          <div class="row">
            <div class="col-sm-12">
              <button class="btn btn-danger btn-sisp" class="close" data-dismiss="modal" aria-label="Close">Fechar</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="modalResultado" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="min-width: 95%">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Resultados</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body py-0">
          <div class="row">
            <div class="col-sm-12 table-responsive">
              <table id="tabelaResultado" class="table display nowrap" style="width:100%; margin-top:0 !important">
                <thead>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="modal-footer pt-1">
          <!-- <div class="form-group">
            <label class="mb-0" for="txtTotalServico">Total Serviço:</label>
            <div class="input-group">
              <input type="text" class="input-default focus form-control" id="txtTotalServico" name="txtTotalServico" value="R$ 497,70" disabled class="form-control" placeholder="Total Serviço">
            </div>
          </div>
          <div class="form-group">
            <label class="mb-0" for="txtTotalMaterial">Total Material:</label>
            <div class="input-group">
              <input type="text" class="input-default focus form-control" id="txtTotalMaterial" name="txtTotalMaterial" value="R$ 1.009,34" disabled class="form-control" placeholder="Total Material">
            </div>
          </div> -->
          <div style="padding-top: 20px;">
            <button class="btn btn-danger btn-sisp" class="close" data-dismiss="modal" aria-label="Close">Fechar</button>
            <button class="btn bg-gradient-success btn-sisp" id="btnConfirmarOrcamento">Confirmar</button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="modal-info-cliente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Informações do Cliente - [<span id="txtCodigoTittle"></span>]</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-12" id="collapseInfoAdicionais">
              <div class="card card-body p-0">
                <div class="d-flex">
                  <div class="col-4 pl-0">
                    <label data-error="wrong" data-success="right" for="txtDataNascimentoInfo">Data de Nascimento</label>
                    <input type="date" readonly class="input-default focus form-control" id="txtDataNascimentoInfo" name="txtDataNascimentoInfo">
                  </div>
                  <div class="col-4 pl-0">
                    <label data-error="wrong" data-success="right" for="txtCpfInfoCliente">CPF/CNPJ</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtCpfInfoCliente" name="txtCpfInfoCliente">
                  </div>
                  <div class="col-1 pl-0">
                    <label data-error="wrong" data-success="right" for="txtDddInfoCliente">DDD</label>
                    <input type="number" readonly class="input-default focus form-control" id="txtDddInfoCliente" name="txtDddInfoCliente">
                  </div>
                  <div class="col-3 pl-0">
                    <label data-error="wrong" data-success="right" for="txtTelefoneInfoCliente">Telefone</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtTelefoneInfoCliente" name="txtTelefoneInfoCliente">
                  </div>
                </div>
                <div class="d-flex pt-2">
                  <div class="col-12 pl-0">
                    <label data-error="wrong" data-sucess="right" for="txtEmailInfoCliente">E-mail</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtEmailInfoCliente" name="txtEmailInfoCliente">
                  </div>
                </div>
                <div class="d-flex pt-2">
                  <div class="col-3 pl-0">
                    <label data-error="wrong" data-success="right" for="txtPaisInfoCliente">País</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtPaisInfoCliente" name="txtPaisInfoCliente">
                  </div>
                  <div class="col-2 pl-0">
                    <label data-error="wrong" data-success="right" for="txtCepInfoCliente">CEP</label>
                    <input type="number" readonly class="input-default focus form-control" id="txtCepInfoCliente" name="txtCepInfoCliente">
                  </div>
                  <div class="col-6 pl-0">
                    <label data-error="wrong" data-success="right" for="txtMunicipioInfoCliente">Cidade</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtMunicipioInfoCliente" name="txtMunicipioInfoCliente">
                  </div>
                  <div class="col-1 pl-0">
                    <label data-error="wrong" data-success="right" for="txtEstadoInfoCliente">UF</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtEstadoInfoCliente" name="txtEstadoInfoCliente">
                  </div>
                </div>
                <div class="d-flex pt-2">
                  <div class="col-3 pl-0">
                    <label data-error="wrong" data-success="right" for="txtBairroInfoCliente">Bairro</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtBairroInfoCliente" name="txtBairroInfoCliente">
                  </div>
                  <div class="col-9 pl-0">
                    <label data-error="wrong" data-success="right" for="txtEnderecoInfoCliente">Rua</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtEnderecoInfoCliente" name="txtEnderecoInfoCliente">
                  </div>
                </div>
                <div class="d-flex pt-2">
                  <div class="col-2 pl-0">
                    <label data-error="wrong" data-success="right" for="txtNumeroInfoCliente">Número</label>
                    <input type="number" readonly class="input-default focus form-control" id="txtNumeroInfoCliente" name="txtNumeroInfoCliente">
                  </div>
                  <div class="col-10 pl-0">
                    <label data-error="wrong" data-success="right" for="txtComplementoInfoCliente">Complemento</label>
                    <input type="text" readonly class="input-default focus form-control" id="txtComplementoInfoCliente" name="txtComplementoInfoCliente">
                  </div>
                </div>
                <div class="d-flex pt-2">
                  <div class="col-12 pl-0">
                    <label data-error="wrong" data-success="right" for="txtObsInfoCliente">Observação</label>
                    <textarea style="resize: none; border-color: #a9a9a9;" type="text" readonly class="focus form-control" id="txtObsInfoCliente" name="txtObsInfoCliente"></textarea>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" data-dismiss="modal" class="btn btn-danger btn-sisp"> Fechar </button>
        </div>
      </div>
    </div>
  </div>

  <div style="z-index:200000!important;" class="modal fade" id="modal-descontos" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="pesquisaDescontoLabel">Alteração de Preço / Desconto</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-sm-12">
              <div class="form-group">
                <label for="txtProdutoDesc">Produto </label>
                <input type="text" placeholder="Produto" class="input-default focus form-control validate" id="txtProdutoDesc" name="txtProdutoDesc" readonly disabled>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="form-group">
                <label for="txtPrecoOrig">Preço Original</label>
                <input type="text" placeholder="Preço Original" class="input-default focus form-control validate" id="txtPrecoOrig" name="txtPrecoOrig" readonly disabled>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="form-group">
                <label for="txtPrecoDesc">Preço</label>
                <input type="text" min="0" step="0.01" placeholder="Preço" class="input-default form-control focus" id="txtPrecoDesc" name="txtPrecoDesc" disabled>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="form-group">
                <label for="txtQuantidadeDesc">Quantidade</label>
                <input type="text" placeholder="Quantidade" class="input-default focus form-control validate" id="txtQuantidadeDesc" name="txtQuantidadeDesc" readonly disabled>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="form-group">
                <label for="txtPercDesconto">Percentual Desconto</label>
                <input type="text" min="0" step="0.01" placeholder="Percentual Desconto" class="input-default form-control focus" id="txtPercDesconto" name="txtPercDesconto">
              </div>
            </div>
            <div class="col-sm-6">
              <div class="form-group">
                <label for="txtValorDesconto">Valor Desconto</label>
                <input type="text" min="0" step="0.01" placeholder="Valor" class="input-default form-control focus" id="txtValorDesconto" name="txtValorDesconto">
              </div>
            </div>
            <div class="col-sm-12">
              <div class="form-group">
                <label for="txtTotalLiq">Vlr. Líq. Total</label>
                <input type="text" min="0" step="0.01" placeholder="Total Líquido" class="input-default focus form-control" id="txtTotalLiq" name="txtTotalLiq" readonly disabled>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" id="pesquisaDescontoConfirmar" class="btn btn-primary btn-sisp">Confirmar</button>
        </div>
      </div>
    </div>
  </div>

  <div id="modal-taxas" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Cálculo</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body pb-0">
          <div class="form-row">
            <div class="col-8">
              <label for="txtServico">Serviço: *</label>
              <div class="input-group">
                <input type="text" class="input-default focus form-control" aria-describedby="ufError" id="txtServico" name="txtServico" class="form-control" placeholder="Serviço">
                <div class="input-group-append">
                  <button class="btn bg-danger" id="btnServico" name="btnServico" data-button="absolute" type="button">
                    <i class="m-0 p-0 fas fa-search"></i>
                  </button>
                  <button class="btn bg-danger" id="btnLimpaServico" type="button">
                    <i class="m-0 p-0 fas fa-trash"></i>
                  </button>
                </div>
              </div>
            </div>

            <div class="form-group col-2">
              <label for="txtQuantidadeTaxa" style="margin-left: -4px;">Quantidade: *</label>
              <div class="relative" style="margin-left: -5px;">
                <input type="number" autocomplete="off" placeholder="Quantidade" class="input-default focus form-control" required="required" pattern="[0-9]+$" id="txtQuantidadeTaxa" name="txtQuantidadeTaxa">
              </div>
            </div>
            <div class="col-2" style="margin-top: 28px;margin-bottom: 16px;">
              <button class="btn bg-gradient-primary btn-sisp" class="close" id="btnIncluir"> Incluir</button>
            </div>
            <div class="col-sm-12 table-responsive">
              <table id="tabelaTaxas" class="table display nowrap">
                <thead>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-danger btn-sisp" class="close" data-dismiss="modal" aria-label="Close">Fechar</button>
          <!-- <button class="btn bg-gradient-success btn-sisp" class="close" id="btnConfirmarCalculo" data-dismiss="modal" aria-label="Close"> Confirmar</button> -->
        </div>
      </div>
    </div>
  </div>
  <aside class="control-sidebar control-sidebar-dark"></aside>
  <?php
  include_once('../../../modais.php');
  ?>

  <script src="../plugins/jquery/jquery.min.js?versao=3.2512.9.1"></script>
  <script src="../plugins/jquery-ui/jquery-ui.min.js?versao=3.2512.9.1"></script>
  <script type="text/javascript" src="../dist/js/jquery.dataTables.js?versao=3.2512.9.1"></script>
  <script type="text/javascript" src="../dist/js/dataTables.bootstrap4.min.js?versao=3.2512.9.1"></script>
  <script src="../plugins/sweetalert2/sweetalert2.min.js?versao=3.2512.9.1"></script>
  <script src="../plugins/toastr/toastr.min.js?versao=3.2512.9.1"></script>

  <script>
    $.widget.bridge('uibutton', $.ui.button);
  </script>

  <script src="../plugins/bootstrap/js/bootstrap.bundle.min.js?versao=3.2512.9.1"></script>

  <script src="../dist/js/adminlte.min.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/requisicoes.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/loadingoverlay.min.js?versao=3.2512.9.1"></script>
  <script src="../plugins/jquery-validation/jquery.validate.min.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/sisplan.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/popper.min.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/tippy-bundle.umd.js?versao=3.2512.9.1"></script>
  <script src="../utils/funcoes.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/jquery.maskMoney.min.js?versao=3.2512.9.1"></script>
  <script src="../plugins/select2/js/select2.full.min.js?versao=3.2512.9.1"></script>
  <script src="../utils/cookies.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/driver.min.js?versao=3.2512.9.1"></script>
  <script src="../dist/js/jquery.inputmask.js"></script>
  <script src="../dist/js/dataTables.keyTable2.js?versao=3.2512.9.1"></script>
  <script type="text/javascript" src="../config.js?versao=3.2512.9.1"></script>
  <script type="text/javascript" src="../dist/js/sum().js"></script>
  <script type="text/javascript">
    $(document).ready(async function() {

      if (getCookie('usuario') == "") {
        window.location.href = `${BASE_URI}/login`;
        return;
      }

      let usuario = getCookie('usuario');
      let empresa = getCookie('empresa');

      ipInterno = IP_INTERNO;
      ipExterno = IP_EXTERNO;
      basicAuth = BASIC_AUTH;

      const temAcesso = await temAcessoTela('ORCAMENTO_CORTINA');
      if (!temAcesso.resultado) {
        toastrAcesso(temAcesso, BASE_URI);
        return;
      }

      sArquivo = `${BASE_URI}/pages/orcamento_cortina/cadastro_orcamento_cortina/orcamento_cortina.js?versao=3.2512.9.1`;
      insereJavaScriptPagina(sArquivo);

    });
  </script>
</body>

</html>