<?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 | Encontro de Contas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css?versao=3.258.7.1">
    <link rel="stylesheet" href="dist/css/adminlte.min.css?versao=3.258.7.1">
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700,400italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="dist/css/custom.css?versao=3.258.7.1">
    <link rel="stylesheet" href="dist/css/sisplan.css?versao=3.258.7.1">
    <link rel="stylesheet" type="text/css" href="dist/css/dataTables.bootstrap4.min.css?versao=3.258.7.1" />
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="plugins/toastr/toastr.min.css?versao=3.258.7.1">
    <link rel="stylesheet" type="text/css" href="dist/css/driver.min.css?versao=3.258.7.1" />
    <link rel="stylesheet" href="dist/css/jquery-ui.css?versao=3.258.7.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.258.7.1">
    <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css?versao=3.258.7.1">
    <style>
        .radioStyle {
            border: solid #e0e4e6;
            border-radius: 4px;
            border-width: 2px;
            padding: 6px;
        }

        .campoSel {
            display: inline-block;
            position: absolute;
            width: 22px;
            height: 22px;
            border: 1px solid #D3CFC8;
            border-radius: 0;
        }

        .table.dataTable tbody td {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .table.dataTable thead th {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

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

        .border-Field .textoBorda {
            font-size: 1.0em !important;
            text-align: left !important;
            width: auto;
            padding: 0 5px;
            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;
        }
    </style>
</head>

<body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">
        <div class="content-wrapper">
            <div class="content-header border-2">
                <div class="container-fluid">
                    <div class="row mb-2 col-12">
                        <div class="col-sm-6 flex">
                            <h1 class="m-0 text-dark">Encontro de Contas</h1>
                            <!-- <button type="button" class="btn btn-info btn-sm ml-2" title="Tutorial" style="color: white;" id="tutorial">
                                <i class="fas fa-question-circle"></i></button> -->
                        </div>
                        <div class="col-sm-6 text-right mt-3">
                            <span style="color: red; font-weight: bold" id="spanF7">Clique F7 para mostrar/esconder os filtros</span>
                        </div>
                    </div>
                </div>
                <nav>
                    <div class="nav nav-tabs justify-content-center" id="divTabs" role="tablist" style="text-decoration: none">
                        <a class="nav-link abaLink active" id="tabEncontroContas" data-toggle="tab" href="#divEncontroContas" card="cardEncontroContas" role="tab" aria-controls="divEncontroContas" aria-selected="true">Encontro de Contas</a>
                        <a class="nav-link abaLink" id="tabChequexPagar" data-toggle="tab" href="#divChequexPagar" card="cardChequexPagar" role="tab" aria-controls="divChequexPagar" aria-selected="false">Cheque x Pagar</a>
                        <a class="nav-link abaLink" id="tabChequexReceber" data-toggle="tab" href="#divChequexReceber" card="cardChequexReceber" role="tab" aria-controls="divChequexReceber" aria-selected="false">Cheque x Receber</a>
                    </div>
                </nav>
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="divEncontroContas" role="tabpanel">
                        <div class="card pl-2 pr-2 pb-2" id="cardEncontroContas">
                            <div class="card-body">
                                <div class="row col-12 col-sm-12 col-md-12 border-bottom escondeInputs" id="divFiltrosEncontroContas">
                                    <div class="col-sm-2 col-md-2 col-lg-2 form-group">
                                        <label data-error="wrong" data-success="right" for="txtDtVenctoDeEncontroContas">Vencimento (de/até): </label>
                                        <div class="input-group">
                                            <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoDeEncontroContas" name="txtDtVenctoDeEncontroContas">
                                            <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoAteEncontroContas" name="txtDtVenctoAteEncontroContas">
                                        </div>
                                    </div>

                                    <div class="row col-12">
                                        <div class="col-sm-3 col-3 col-md-3 form-group">
                                            <label data-error="wrong" data-success="right" for="txtClienteFornecedorEncontroContas">Cliente/Fornecedor: </label>
                                            <div class="input-group">
                                                <!-- <input type="text" class="input-default focus form-control" id="txtClienteFornecedorEncontroContas" name="txtClienteFornecedorEncontroContas" placeholder="Cliente/Fornecedor"> -->
                                                <select class="js-example-programmatic js-states form-control" id="txtClienteFornecedorEncontroContas" name="txtClienteFornecedorEncontroContas" multiple="multiple">
                                                </select>
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnClienteFornecedorEncontroContas" name="btnClienteCh" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaClienteFornecedorEncontroContas" name="btnLimpaClienteFornecedorEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-3 col-3 col-md-3 form-group">
                                            <label data-error="wrong" data-success="right" for="txtEmpresaReceberEncontroContas">Empresa do Receber: </label>
                                            <div class="input-group">
                                                <!-- <input type="text" class="input-default focus form-control" id="txtPedidoCh" name="txtPedidoCh" placeholder="Pedido"> -->
                                                <select class="js-example-programmatic js-states form-control" id="txtEmpresaReceberEncontroContas" name="txtEmpresaReceberEncontroContas" multiple="multiple">
                                                </select>
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnEmpresaReceberEncontroContas" name="btnEmpresaReceberEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaEmpresaReceberEncontroContas" name="btnLimpaEmpresaReceberEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-3 col-3 col-md-3 form-group">
                                            <label data-error="wrong" data-success="right" for="txtMoedaReceberEncontroContas">Moeda do Receber: </label>
                                            <div class="input-group">
                                                <input type="text" class="input-default focus form-control" id="txtMoedaReceberEncontroContas" name="txtMoedaReceberEncontroContas" placeholder="Moeda">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnMoedaReceberEncontroContas" name="btnMoedaReceberEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaMoedaReceberEncontroContas" name="btnLimpaMoedaReceberEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-sm-3 col-3 col-md-3 form-group">
                                            <label data-error="wrong" data-success="right" for="txtEmpresaPagarEncontroContas">Empresa do Pagar: </label>
                                            <div class="input-group">
                                                <input type="text" class="input-default focus form-control" id="txtEmpresaPagarEncontroContas" name="txtEmpresaPagarEncontroContas" placeholder="Empresa">
                                                <!-- <select class="js-example-programmatic js-states form-control" id="txtEmpresaPagarEncontroContas" name="txtEmpresaPagarEncontroContas" multiple="multiple"> -->
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnEmpresaPagarEncontroContas" name="btnEmpresaPagarEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaEmpresaPagarEncontroContas" name="btnLimpaEmpresaPagarEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row col-12">
                                            <div class="col-lg-12 form-group flex justify-content-start mt-2 ml-2">
                                                <button class="btn btn-primary btn-sisp mr-1" id="btnConsultarEncontroContas"><span class="fas fa-search"></span> Consultar</button>
                                                <button class="btn btn-danger btn-sisp" id="btnFecharEncontroContas"><span class="fas fa-arrow-left"></span> Voltar</button>
                                            </div>
                                        </div>
                                        <div class="col-sm-6 col-6 col-md-6 pb-0 pr-0">
                                            <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                                <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixa Receber</legend>
                                                <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                    <label data-error="wrong" class="mt-2" data-success="right" for="txtClasseGerBaixaReceberEncontroContas">Classe Gerencial: </label>
                                                    <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                        <input type="text" class="input-default focus form-control" id="txtClasseGerBaixaReceberEncontroContas" name="txtClasseGerBaixaReceberEncontroContas" placeholder="Classe Gerencial">
                                                        <!-- <select class="js-example-programmatic js-states form-control" id="txtClasseGerBaixaCheque" name="txtClasseGerBaixaCheque" multiple="multiple"> </select> -->
                                                        <div class="input-group-append">
                                                            <button class="btn bg-danger" id="btnClasseGerBaixaReceberEncontroContas" name="btnClasseGerBaixaReceberEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                            <button class="btn bg-danger" id="btnLimpaClasseGerBaixaReceberEncontroContas" name="btnLimpaClasseGerBaixaReceberEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                    <label data-error="wrong" data-success="right" for="txtHistoricoBaixaReceberEncontroContas">Histórico: </label>
                                                    <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                        <input type="text" class="input-default focus form-control" id="txtHistoricoBaixaReceberEncontroContas" name="txtHistoricoBaixaReceberEncontroContas" placeholder="Histórico">
                                                        <div class="input-group-append">
                                                            <button class="btn bg-danger" id="btnHistoricoBaixaReceberEncontroContas" name="btnHistoricoBaixaReceberEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                            <button class="btn bg-danger" id="btnLimpaHistoricoBaixaReceberEncontroContas" name="btnLimpaHistoricoBaixaReceberEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <div class="col-sm-6 col-6 col-md-6 pb-0 pr-0">
                                            <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                                <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixa Pagar</legend>
                                                <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                    <label data-error="wrong" class="mt-2" data-success="right" for="txtClasseGerBaixaPagarEncontroContas">Classe Gerencial: </label>
                                                    <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                        <input type="text" class="input-default focus form-control" id="txtClasseGerBaixaPagarEncontroContas" name="txtClasseGerBaixaPagarEncontroContas" placeholder="Classe Gerencial">
                                                        <!-- <select class="js-example-programmatic js-states form-control" id="txtClasseGerBaixaCheque" name="txtClasseGerBaixaCheque" multiple="multiple"> </select> -->
                                                        <div class="input-group-append">
                                                            <button class="btn bg-danger" id="btnClasseGerBaixaPagarEncontroContas" name="btnClasseGerBaixaPagarEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                            <button class="btn bg-danger" id="btnLimpaClasseGerBaixaPagarEncontroContas" name="btnLimpaClasseGerBaixaPagarEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                    <label data-error="wrong" data-success="right" for="txtHistoricoBaixaPagarEncontroContas">Histórico: </label>
                                                    <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                        <input type="text" class="input-default focus form-control" id="txtHistoricoBaixaPagarEncontroContas" name="txtHistoricoBaixaPagarEncontroContas" placeholder="Histórico">
                                                        <div class="input-group-append">
                                                            <button class="btn bg-danger" id="btnHistoricoBaixaPagarEncontroContas" name="btnHistoricoBaixaPagarEncontroContas" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                            <button class="btn bg-danger" id="btnLimpaHistoricoBaixaPagarEncontroContas" name="btnLimpaHistoricoBaixaPagarEncontroContas" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12 table-responsive card-body">
                                    <h5 id="tituloTableReceberEncontroContas">Dados do Receber</h5>
                                    <table id="tabelaReceberEncontroContas" class="table table-sm table-select table-hover" width="100%">
                                        <thead>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="row ml-2">
                                    <div class="col-1 ml-1">
                                        <label> Valor Duplicatas: </label>
                                        <input type="text" class="input-default focus form-control text-right" disabled id="txtValorDuplicatasEncontroContasReceber" name="txtValorDuplicatasEncontroContasReceber" placeholder="0,00">
                                    </div>
                                    <div class="col-1">
                                        <label> Valor Saldo Dupl.: </label>
                                        <input type="text" class="input-default focus form-control text-right" disabled id="txtSaldoDuplicatasEncontroContasReceber" name="txtSaldoDuplicatasEncontroContasReceber" placeholder="0,00">
                                    </div>
                                </div>
                                <div class="col-sm-12 table-responsive card-body">
                                    <h5 id="tituloTablePagarEncontroContas">Dados do Pagar</h5>
                                    <table id="tabelaPagarEncontroContas" class="table table-sm table-select table-hover" width="100%">
                                        <thead>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="row ml-2">
                                    <div class="col-1 ml-1">
                                        <label> Valor AP.: </label>
                                        <input type="text" class="input-default focus form-control text-right" disabled id="txtValorSelecionadoEncontroContasPagar" name="txtValorSelecionadoEncontroContasPagar" placeholder="0,00">
                                    </div>
                                    <div class="col-1">
                                        <label> Valor Saldo AP.: </label>
                                        <input type="text" class="input-default focus form-control text-right" disabled id="txtSaldoSelecionadoEncontroContasPagar" name="txtSaldoSelecionadoEncontroContasPagar" placeholder="0,00">
                                    </div>
                                </div>
                                <div class="ml-3 mt-4">
                                    <button class="btn btn-secondary btn-sisp ml-1" id="btnCalcularEncontroContas"><span class="fas fa-calculator"></span> Calcular</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="divChequexReceber" role="tabpanel">
                        <div class="card pl-2 pr-2 pb-2" id="cardChequexReceber">
                            <div class="row col-12 col-sm-12 col-md-12 border-bottom escondeInputs" id="divDadosCheque">
                                <label class="m-0 text-dark col-12 col-sm-12 col-md-12 pl-0 mb-3 mt-0 pt-0">Dados do Cheque</label>
                                <div class="col-sm-2 col-md-2 col-lg-2 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtDtVenctoDeCh">Vencimento (de/até): </label>
                                    <div class="input-group">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoDeCh" name="txtDtVenctoDeCh">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoAteCh" name="txtDtVenctoAteCh">
                                    </div>
                                </div>

                                <div class="col-sm-2 col-2 col-md-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtEmissorCh">Emissor: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtEmissorCh" name="txtEmissorCh" placeholder="Emissor">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaEmissorCh" name="btnLimpaEmissorCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-2 col-2 col-md-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtPedidoCh">Pedido: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtPedidoCh" name="txtPedidoCh" placeholder="Pedido">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaPedidoCh" name="btnLimpaPedidoCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtClienteCh">Cliente/Fornecedor: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtClienteCh" name="txtClienteCh" placeholder="Cliente/Fornecedor">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClienteCh" name="btnClienteCh" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClienteCh" name="btnLimpaClienteCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtRepresentanteCh">Representante: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtRepresentanteCh" name="txtRepresentanteCh" placeholder="Representante CH."> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtRepresentanteCh" name="txtRepresentanteCh" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnRepresentanteCh" name="btnRepresentanteCh" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaRepresentanteCh" name="btnLimpaRepresentanteCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtHistoricoCh">Histórico Cheque: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtHistoricoCh" name="txtHistoricoCh" placeholder="Histórico CH.">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnHistoricoCh" name="btnHistoricoCh" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaHistoricoCh" name="btnLimpaHistoricoCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtSituacaoCh">Situação Cheque: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtSituacaoCh" name="txtSituacaoCh" placeholder="Situação CH."> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtSituacaoCh" name="txtSituacaoCh" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnSituacaoCh" name="btnSituacaoCh" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaSituacaoCh" name="btnLimpaSituacaoCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtClasseGerCh">Classe Gererencial Cheque: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtClasseGerCh" name="txtClasseGerCh" placeholder="Classe Ger. CH.">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClasseGerCh" name="btnClasseGerCh" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClasseGerCh" name="btnLimpaClasseGerCh" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtBuscaChequeCMC">Buscar Cheque CMC7: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtBuscaChequeCMC" name="txtBuscaChequeCMC" placeholder="Buscar Cheque">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaBuscaChequeCmc" name="btnLimpaBuscaChequeCmc" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row col-12 col-sm-12 col-md-12 escondeInputs" id="divDadosReceber">
                                <label class="text-dark col-12 col-sm-12 col-md-12 mb-3 pl-0 mt-2">Dados do Receber</label>
                                <div class="col-sm-2 col-md-2 col-lg-2 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtDtVenctoDeRec">Vencimento (de/até): </label>
                                    <div class="input-group">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoDeRec" name="txtDtVenctoDeRec">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoAteRec" name="txtDtVenctoAteRec">
                                    </div>
                                </div>
                                <div class="col-sm-2 col-md-2 col-lg-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtDtEmissaoDeRec">Emissão (de/até): </label>
                                    <div class="input-group">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtEmissaoDeRec" name="txtDtEmissaoDeRec">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtEmissaoAteRec" name="txtDtEmissaoAteRec">
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtNumeroRec">Número: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtNumeroRec" name="txtNumeroRec" placeholder="Número"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtNumeroRec" name="txtNumeroRec" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnNumeroRec" name="btnNumeroRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaNumeroRec" name="btnLimpaNumeroRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtClienteRec">Cliente: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtClienteRec" name="txtClienteRec" placeholder="Cliente"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtClienteRec" name="txtClienteRec" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClienteRec" name="btnClienteRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClienteRec" name="btnLimpaClienteRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-2 col-2 col-md-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtPedidoRec">Pedido: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtPedidoRec" name="txtPedidoRec" placeholder="Pedido">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaPedidoRec" name="btnLimpaPedidoRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtFaturaRec">Fatura: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtFaturaRec" name="txtFaturaRec" placeholder="Fatura"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtFaturaRec" name="txtFaturaRec" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnFaturaRec" name="btnFaturaRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaFaturaRec" name="btnLimpaFaturaRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtSituacaoRec">Situação: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtSituacaoRec" name="txtSituacaoRec" placeholder="Situação"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtSituacaoRec" name="txtSituacaoRec" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnSituacaoRec" name="btnSituacaoRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaSituacaoRec" name="btnLimpaSituacaoRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtRepresenRec">Representante: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtRepresenRec" name="txtRepresenRec" placeholder="Representante"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtRepresenRec" name="txtRepresenRec" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnRepresenRec" name="btnRepresenRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaRepresenRec" name="btnLimpaRepresenRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtClasseGerRec">Classe Gerencial: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtClasseGerRec" name="txtClasseGerRec" placeholder="Classe Gerencial"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtClasseGerRec" name="txtClasseGerRec" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClasseGerRec" name="btnClasseGerRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClasseGerRec" name="btnLimpaClasseGerRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-10 col-10 col-md-10 form-group pb-0 mb-0 pl-0 escondeInputs" id="opcoesConsulta">
                                    <div class="form" id="tipoNatureza">
                                        <fieldset class="form border-Field">
                                            <legend class="textoBorda mb-0 pb-0">Opções</legend>
                                            <div class="d-flex wrap" style="flex-wrap: wrap; gap: 20px">
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input " id="cbBuscaAntecipacao">
                                                    <label class="form-check-label" for="cbBuscaAntecipacao">Busca Antecipação</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbBuscaDevolucao">
                                                    <label class="form-check-label" for="cbBuscaDevolucao">Busca Devolução</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbBuscaChequeDev">
                                                    <label class="form-check-label" for="cbBuscaChequeDev">Busca Cheque Dev.</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbBaixarCheques">
                                                    <label class="form-check-label" for="cbBaixarCheques">Baixar Cheques</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbBuscaAntecipacaoGridInferior">
                                                    <label class="form-check-label" for="cbBuscaAntecipacaoGridInferior">Busca Antecipação no Grid Inferior</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbNaoLancaContaCor">
                                                    <label class="form-check-label" for="cbNaoLancaContaCor">Não lançar valor no Conta Corrente</label>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                                <div class="col-2 pl-0 escondeInputs mt-2" id="selEmpresas" style="margin-bottom: 0.65rem">
                                    <button id="btnCarregaEmpresas" class="btn btn-danger w-100">Selecionar Empresas</button>
                                </div>
                            </div>
                            <div class="col-lg-12 form-group flex justify-content-start">
                                <button class="btn btn-primary btn-sisp mr-1 escondeInputs" id="btnConsultar"><span class="fas fa-search"></span> Consultar</button>
                                <button class="btn btn-danger btn-sisp escondeInputs" id="btnFechar"><span class="fas fa-arrow-left"></span> Voltar</button>
                            </div>
                            <div class="col-sm-12 table-responsive card-body">
                                <h5 id="tituloTableCheque">Dados dos Cheques</h5>
                                <table id="tabelaCheques" class="table table-sm table-select table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th class="th-sm">Sel
                                            </th>
                                            <th class="th-sm">Número
                                            </th>
                                            <th class="th-sm">Banco
                                            </th>
                                            <th class="th-sm">Conta
                                            </th>
                                            <th class="th-sm">Agência
                                            </th>
                                            <th class="th-sm">Emissão
                                            </th>
                                            <th class="th-sm">Vencimento
                                            </th>
                                            <th class="th-sm">Valor
                                            </th>
                                            <th class="th-sm">Emissor
                                            </th>
                                            <th class="th-sm">Val. Pago
                                            </th>
                                            <th class="th-sm">CodFor
                                            </th>
                                            <th class="th-sm">Codcli
                                            </th>
                                            <th class="th-sm">Duplicata
                                            </th>
                                            <th class="th-sm">Empresa
                                            </th>
                                            <th class="th-sm">Obs
                                            </th>
                                            <th class="th-sm">Barra CH.
                                            </th>
                                            <th class="th-sm">Saldo
                                            </th>
                                            <th class="th-sm">Selecionado
                                            </th>
                                            <th class="th-sm">Status
                                            </th>
                                            <th class="th-sm">Nome Cliente
                                            </th>
                                            <th class="th-sm">Fantasia
                                            </th>
                                            <th class="th-sm">Fatura
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-sm-12 col-12 col-md-12 row">
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorSelecionadoCh" name="txtValorSelecionadoCh" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2" style="white-space: nowrap;"> Cheques Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtChequeSelecionadosCh" name="txtChequeSelecionadosCh" placeholder="0">
                                </div>
                            </div>
                            <div class="col-sm-12 table-responsive card-body mt-4">
                                <h5>Dados do Receber</h5>
                                <table id="tabelaReceber" class="table table-sm table-select table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th class="th-sm">Sel
                                            </th>
                                            <th class="th-sm">Número
                                            </th>
                                            <th class="th-sm">Codcli
                                            </th>
                                            <th class="th-sm">Nome Cliente
                                            </th>
                                            <th class="th-sm">Dt. Emissão
                                            </th>
                                            <th class="th-sm">Dt. Vencto
                                            </th>
                                            <th class="th-sm">Valor
                                            </th>
                                            <th class="th-sm">Valor Dev.
                                            </th>
                                            <th class="th-sm">Desconto
                                            </th>
                                            <th class="th-sm">Juros
                                            </th>
                                            <th class="th-sm">Val. Pago
                                            </th>
                                            <th class="th-sm">Saldo
                                            </th>
                                            <th class="th-sm">Empresa
                                            </th>
                                            <th class="th-sm">Selecionado
                                            </th>
                                            <th class="th-sm">Fatura
                                            </th>
                                            <th class="th-sm">Status
                                            </th>
                                            <th class="th-sm">Obs
                                            </th>
                                            <th class="th-sm">Com 2
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-sm-12 col-12 col-md-12 row">
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorSelecionadoRec" name="txtValorSelecionadoRec" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Dups. Selecionadas: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtDupSelecionadaRec" name="txtDupSelecionadaRec" placeholder="0">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Duplicatas: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorDuplicatasRec" name="txtValorDuplicatasRec" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Acumulado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorAcumuladoRec" name="txtValorAcumuladoRec" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Qtde Cheques: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtQtdeChequesRec" name="txtQtdeChequesRec" placeholder="0">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Saldo Receber: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtSaldoReceberRec" name="txtSaldoReceberRec" placeholder="0,00">
                                </div>
                                <div class="form-group col-1 p-0">
                                    <label class="mt-3"></label>
                                    <button class="btn btn-secondary col-12 btn-sisp mt-1" id="btnCalcular"><span class="fas fa-calculator"></span> Calcular</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="divChequexPagar" role="tabpanel">
                        <div class="card pl-2 pr-2 pb-2" id="cardChequexPagar">
                            <div class="row col-12 col-sm-12 col-md-12 border-bottom escondeInputs" id="divDadosChequeAbaPagar">
                                <label class="m-0 text-dark col-12 col-sm-12 col-md-12 pl-0 mb-3 mt-0 pt-0">Dados do Cheque</label>

                                <div class="col-sm-2 col-md-2 col-lg-2 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtDtVenctoDeChAbaPagar">Vencimento (de/até): </label>
                                    <div class="input-group">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoDeChAbaPagar" name="txtDtVenctoDeChAbaPagar">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoAteChAbaPagar" name="txtDtVenctoAteChAbaPagar">
                                    </div>
                                </div>

                                <div class="col-sm-4 col-4 col-md-4 form-group">
                                    <label data-error="wrong" data-success="right" for="txtClienteChAbaPagar">Cliente/Fornecedor: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtClienteChAbaPagar" name="txtClienteChAbaPagar" placeholder="Cliente/Fornecedor"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtClienteChAbaPagar" name="txtClienteChAbaPagar" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClienteChAbaPagar" name="btnClienteChAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClienteChAbaPagar" name="btnLimpaClienteChAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-2 col-2 col-md-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtEmissorChAbaPagar">Emissor: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtEmissorChAbaPagar" name="txtEmissorChAbaPagar" placeholder="Emissor">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaEmissorChAbaPagar" name="btnLimpaEmissorChAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-4 col-4 col-md-4 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtClasseGerChAbaPagar">Classe Gererencial Cheque: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtClasseGerChAbaPagar" name="txtClasseGerChAbaPagar" placeholder="Classe Ger. CH.">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClasseGerChAbaPagar" name="btnClasseGerChAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClasseGerChAbaPagar" name="btnLimpaClasseGerChAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-4 col-4 col-md-4 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtHistoricoChAbaPagar">Histórico Cheque: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtHistoricoChAbaPagar" name="txtHistoricoChAbaPagar" placeholder="Histórico CH.">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnHistoricoChAbaPagar" name="btnHistoricoChAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaHistoricoChAbaPagar" name="btnLimpaHistoricoChAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-4 col-4 col-md-4 form-group">
                                    <label data-error="wrong" data-success="right" for="txtBuscaChequeCMCAbaPagar">Buscar Cheque CMC7: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtBuscaChequeCMCAbaPagar" name="txtBuscaChequeCMCAbaPagar" placeholder="Buscar Cheque">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaBuscaChequeCmcAbaPagar" name="btnLimpaBuscaChequeCmcAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row col-12 col-sm-12 col-md-12 escondeInputs" id="divDadosPagarAbaPagar">
                                <label class="text-dark col-12 col-sm-12 col-md-12 mb-3 pl-0 mt-2">Dados do Pagar</label>
                                <div class="col-sm-2 col-md-2 col-lg-2 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtDtVenctoDePagtoAbaPagar">Vencimento (de/até): </label>
                                    <div class="input-group">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoDePagtoAbaPagar" name="txtDtVenctoDePagtoAbaPagar">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtVenctoAteRecAbaPagar" name="txtDtVenctoAteRecAbaPagar">
                                    </div>
                                </div>
                                <div class="col-sm-2 col-md-2 col-lg-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtDtEmissaoDePagtoAbaPagar">Emissão (de/até): </label>
                                    <div class="input-group">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtEmissaoDePagtoAbaPagar" name="txtDtEmissaoDePagtoAbaPagar">
                                        <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtEmissaoAtePagtoAbaPagar" name="txtDtEmissaoAtePagtoAbaPagar">
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtNumeroPagtoAbaPagar">Número AP: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtNumeroPagtoAbaPagar" name="txtNumeroPagtoAbaPagar" placeholder="Número"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtNumeroPagtoAbaPagar" name="txtNumeroPagtoAbaPagar" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnNumeroPagtoAbaPagar" name="btnNumeroPagtoAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaNumeroPagtoAbaPagar" name="btnLimpaNumeroPagtoAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtFornecedorPagtoAbaPagar">Fornecedor: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtFornecedorPagtoAbaPagar" name="txtFornecedorPagtoAbaPagar" placeholder="Fornecedor"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtFornecedorPagtoAbaPagar" name="txtFornecedorPagtoAbaPagar" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnFornecedorPagtoAbaPagar" name="btnFornecedorPagtoAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaFornecedorPagtoAbaPagar" name="btnLimpaFornecedorPagtoAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-2 col-2 col-md-2 form-group">
                                    <label data-error="wrong" data-success="right" for="txtPedidoPagtoAbaPagar">Pedido: </label>
                                    <div class="input-group">
                                        <input type="text" class="input-default focus form-control" id="txtPedidoPagtoAbaPagar" name="txtPedidoPagtoAbaPagar" placeholder="Pedido">
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnLimpaPedidoPagtoAbaPagar" name="btnLimpaPedidoPagtoAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtSituacaoPagtoAbaPagar">Situação: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtSituacaoPagtoAbaPagar" name="txtSituacaoPagtoAbaPagar" placeholder="Situação"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtSituacaoPagtoAbaPagar" name="txtSituacaoPagtoAbaPagar" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnSituacaoPagtoAbaPagar" name="btnSituacaoPagtoAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaSituacaoPagtoAbaPagar" name="btnLimpaSituacaoPagtoAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group">
                                    <label data-error="wrong" data-success="right" for="txtClasseGerPagtoAbaPagar">Classe Gerencial: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtClasseGerPagtoAbaPagar" name="txtClasseGerPagtoAbaPagar" placeholder="Classe Gerencial"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtClasseGerPagtoAbaPagar" name="txtClasseGerPagtoAbaPagar" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnClasseGerPagtoAbaPagar" name="btnClasseGerPagtoAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaClasseGerPagtoAbaPagar" name="btnLimpaClasseGerPagtoAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3 col-3 col-md-3 form-group pl-0">
                                    <label data-error="wrong" data-success="right" for="txtHistoricoPagtoAbaPagar">Histórico: </label>
                                    <div class="input-group">
                                        <!-- <input type="text" class="input-default focus form-control" id="txtHistoricoPagtoAbaPagar" name="txtHistoricoPagtoAbaPagar" placeholder="Histórico"> -->
                                        <select class="js-example-programmatic js-states form-control" id="txtHistoricoPagtoAbaPagar" name="txtHistoricoPagtoAbaPagar" multiple="multiple"> </select>
                                        <div class="input-group-append">
                                            <button class="btn bg-danger" id="btnHistoricoPagtoAbaPagar" name="btnHistoricoPagtoAbaPagar" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                            <button class="btn bg-danger" id="btnLimpaHistoricoPagtoAbaPagar" name="btnLimpaHistoricoPagtoAbaPagar" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-8 col-8 col-md-8 form-group pb-0 mb-0 pl-0 escondeInputs" id="opcoesConsultaAbaPagar">
                                    <div class="form" id="tipoNatureza">
                                        <fieldset class="form border-Field">
                                            <legend class="textoBorda mb-0 pb-0">Opções</legend>
                                            <div class="d-flex wrap" style="flex-wrap: wrap; gap: 20px">
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input " id="cbBuscaAntecipacaoAbaPagar">
                                                    <label class="form-check-label" for="cbBuscaAntecipacaoAbaPagar">Busca Antecipação</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbBuscaChequeDevAbaPagar">
                                                    <label class="form-check-label" for="cbBuscaChequeDevAbaPagar">Busca Cheque Dev.</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbBuscaDevAntecReceberNoGridSuperior">
                                                    <label class="form-check-label" for="cbBuscaDevAntecReceberNoGridSuperior">Buscar Dev. e Antec. Receber no Grid Superior</label>
                                                </div>
                                                <div class="form-group form-check icheck-primary" style="margin-bottom:  0.65rem;">
                                                    <input type="checkbox" class="form-check-input" id="cbNaoGeraCCSeCheque">
                                                    <label class="form-check-label" for="cbNaoGeraCCSeCheque">Não Gerar CC se Somente Cheque</label>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                                <div class="col-2 pl-0 escondeInputs mt-2" id="selEmpresasAbaPagar" style="margin-bottom: 0.65rem">
                                    <button id="btnCarregaEmpresasAbaPagar" class="btn btn-danger w-100">Selecionar Empresas</button>
                                </div>
                            </div>
                            <div class="col-lg-12 form-group flex justify-content-start">
                                <button class="btn btn-primary btn-sisp mr-1 escondeInputs" id="btnConsultarAbaPagar"><span class="fas fa-search"></span> Consultar</button>
                                <button class="btn btn-danger btn-sisp escondeInputs" id="btnFecharAbaPagar"><span class="fas fa-arrow-left"></span> Voltar</button>
                            </div>
                            <div class="col-sm-12 table-responsive card-body">
                                <h5 id="tituloTableChequeAbaPagar">Dados dos Cheques</h5>
                                <table id="tabelaChequesAbaPagar" class="table table-sm table-select table-hover" width="100%">
                                    <thead>
                                        <tr>
                                            <th class="th-sm">Sel
                                            </th>
                                            <th class="th-sm">Número
                                            </th>
                                            <th class="th-sm">Banco
                                            </th>
                                            <th class="th-sm">Conta
                                            </th>
                                            <th class="th-sm">Agência
                                            </th>
                                            <th class="th-sm">Emissão
                                            </th>
                                            <th class="th-sm">Vencimento
                                            </th>
                                            <th class="th-sm">Valor
                                            </th>
                                            <th class="th-sm">Emissor
                                            </th>
                                            <th class="th-sm">Val. Pago
                                            </th>
                                            <th class="th-sm">CodFor
                                            </th>
                                            <th class="th-sm">CodCli
                                            </th>
                                            <th class="th-sm">Duplicata
                                            </th>
                                            <th class="th-sm">Empresa
                                            </th>
                                            <th class="th-sm">Obs
                                            </th>
                                            <th class="th-sm">Barra CH.
                                            </th>
                                            <th class="th-sm">Saldo
                                            </th>
                                            <th class="th-sm">Selecionado
                                            </th>
                                            <th class="th-sm">Status
                                            </th>
                                            <th class="th-sm">Nome Cliente
                                            </th>
                                            <th class="th-sm">Fantasia
                                            </th>
                                            <th class="th-sm">Classe
                                            </th>
                                            <th class="th-sm">Num Processo
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-sm-12 col-12 col-md-12 row">
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorSelecionadoChAbaPagar" name="txtValorSelecionadoChAbaPagar" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2" style="white-space: nowrap;"> Cheques Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtChequeSelecionadosChAbaPagar" name="txtChequeSelecionadosChAbaPagar" placeholder="0">
                                </div>
                            </div>
                            <div class="col-sm-12 table-responsive card-body">
                                <h5>Dados do Pagar</h5>
                                <table id="tabelaPagarAbaPagar" class="table table-sm table-select table-hover" width="100%">
                                    <thead>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-sm-12 col-12 col-md-12 row">
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorSelecionadoPagtoAbaPagar" name="txtValorSelecionadoPagtoAbaPagar" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Saldo Selecionado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtSaldoSelecionadoAbaPagar" name="txtSaldoSelecionadoAbaPagar" placeholder="0">
                                </div>
                                <div class="form-group col-2">
                                    <label class="mt-2"> Qtde AP's Selecionadas: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtQtdeApsSelecionadasAbaPagar" name="txtQtdeApsSelecionadasAbaPagar" placeholder="0">
                                </div>
                                <div class="form-group col-2">
                                    <label class="mt-2"> Valor Duplicatas Selecionadas: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorDupSelecionadasAbaPagar" name="txtValorDupSelecionadasAbaPagar" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Valor Acumulado: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtValorAcumuladoPagtoAbaPagar" name="txtValorAcumuladoPagtoAbaPagar" placeholder="0,00">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Qtde Cheques: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtQtdeChequesPagtoAbaPagar" name="txtQtdeChequesPagtoAbaPagar" placeholder="0">
                                </div>
                                <div class="form-group col-1">
                                    <label class="mt-2"> Saldo Cheque: </label>
                                    <input type="text" class="input-default focus form-control text-right" disabled id="txtSaldoChequeAbaPagar" name="txtSaldoChequeAbaPagar" placeholder="0,00">
                                </div>
                                <div class="form-group col-1 p-0">
                                    <label class="mt-3"></label>
                                    <button class="btn btn-secondary col-12 btn-sisp mt-1" id="btnCalcularAbaPagar"><span class="fas fa-calculator"></span> Calcular</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- modal  -->
    </div>
    <div class="row">
        <div id="modal-baixasRecCheque" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content" id="modalBody">
                    <div class="modal-header">
                        <h4 class="modal-title">Lançar Baixas Receber</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="col-sm-12 table-responsive card-body pr-0 pt-0 pb-0">
                            <h5>A Lançar</h5>
                            <table id="tabelaBaixasRecCheque" class="table table-sm table-select table-hover" width="100%">
                                <thead>
                                    <tr>
                                        <th class="th-sm">Tipo
                                        </th>
                                        <th class="th-sm">Número
                                        </th>
                                        <th class="th-sm">Codcli
                                        </th>
                                        <th class="th-sm">Valor
                                        </th>
                                        <th class="th-sm">Seq
                                        </th>
                                        <th class="th-sm">Número Rec.
                                        </th>
                                        <th class="th-sm">Obs.
                                        </th>
                                        <th class="th-sm">Usou Dev
                                        </th>
                                        <th class="th-sm">Data Vencto.
                                        </th>
                                        <th class="th-sm">Empresa
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-sm-12 col-md-12 col-12 p-0 row">
                            <div class="col-sm-4 col-md-4 col-4 pb-0 pr-0">
                                <div class="col-sm-12 col-12 col-md-12 pb-0 pr-0">
                                    <fieldset class="form border-Field pb-0 pr-0">
                                        <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixa Cheque</legend>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" class="mt-2" data-success="right" for="txtClasseGerRecBCH">Classe Gerencial: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtClasseGerRecBCH" name="txtClasseGerRecBCH" placeholder="Classe Gerencial">
                                                <!-- <select class="js-example-programmatic js-states form-control" id="txtClasseGerBaixaCheque" name="txtClasseGerBaixaCheque" multiple="multiple"> </select> -->
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnClasseGerRecBCH" name="btnClasseGerRecBCH" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaClasseGerRecBCH" name="btnLimpaClasseGerRecBCH" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" data-success="right" for="txtHistoricoRBCH">Histórico: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtHistoricoRBCH" name="txtHistoricoRBCH" placeholder="Histórico">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnHistoricoRBCH" name="btnHistoricoRBCH" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaHistoricoRBCH" name="btnLimpaHistoricoRBCH" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-sm-12 col-12 col-md-12 pb-0 pr-0">
                                    <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                        <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixa Receber</legend>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" class="mt-2" data-success="right" for="txtClasseGerBCHRec">Classe Gerencial: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtClasseGerBCHRec" name="txtClasseGerBCHRec" placeholder="Classe Gerencial">
                                                <!-- <select class="js-example-programmatic js-states form-control" id="txtClasseGerBaixaCheque" name="txtClasseGerBaixaCheque" multiple="multiple"> </select> -->
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnClasseGerBCHRec" name="btnClasseGerBCHRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaClasseGerBCHRec" name="btnLimpaClasseGerBCHRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" data-success="right" for="txtHistoricoBCHRec">Histórico: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtHistoricoBCHRec" name="txtHistoricoBCHRec" placeholder="Histórico">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnHistoricoBCHRec" name="btnHistoricoBCHRec" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaHistoricoBCHRec" name="btnLimpaHistoricoBCHRec" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                            <div class="col-sm-8 col-8 col-md-8 pb-0 pr-0">
                                <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                    <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Pagamento</legend>
                                    <div class="col-12 row">
                                        <div class="col-6">
                                            <label data-error="wrong" data-success="right" for="txtDtPagto">Data Pagamento: </label>
                                            <div class="input-group">
                                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtPagto" name="txtDtPagto">
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <label data-error="wrong" data-success="right" for="txtDtContabilizacao">Data Contabalização: </label>
                                            <div class="input-group">
                                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtContabilizacao" name="txtDtContabilizacao">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 row pl-0 pr-0">
                                        <div class="form-group col-md-6 col-sm-6 col-6 pl-0 pr-0">
                                            <label data-error="wrong" class="ml-3 mt-2" data-success="right" for="txtContaR">Conta: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtContaR" name="txtContaR" placeholder="Conta">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnContaR" name="btnContaR" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaContaR" name="btnLimpaContaR" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-6 pl-0 pr-0">
                                            <label data-error="wrong" class="ml-3 mt-2" data-success="right" for="txtMoedaR">Moeda: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtMoedaR" name="txtMoedaR" placeholder="Moeda">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnMoedaR" name="btnMoedaR" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaMoedaR" name="btnLimpaMoedaR" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 row pl-0 pr-0">
                                        <div class="form-group col-md-6 col-sm-6 col-6 pl-0 pr-0 mr-0">
                                            <label data-error="wrong" class="ml-3" data-success="right" for="txtBancoR">Banco: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtBancoR" name="txtBancoR" placeholder="Banco">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnBancoR" name="btnBancoR" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaBancoR" name="btnLimpaBancoR" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6 col-sm-6 col-6 pr-0 pl-0">
                                            <label data-error="wrong" class="ml-3" data-success="right" for="txtDoctoR">Documento: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtDoctoR" name="txtDoctoR" placeholder="Documento">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnLimpaDoctoR" name="btnLimpaDoctoR" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 row pl-0 pr-0">
                                        <div class="form-group col-md-12 col-sm-12 col-12 pl-0 pr-0">
                                            <label data-error="wrong" class="ml-3" data-success="right" for="txtObsR">Obsservação: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtObsR" name="txtObsR" placeholder="Observação">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnLimpaObsR" name="btnLimpaObsR" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer flex justify-content-start align-items-start">
                        <div class="row col-lg-2 col-2">
                            <button class="btn btn-primary col-12 btn-sisp mt-1" id="btnBaixaDados"><span class="fas fa-arrow-down"></span> Baixar Dados</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div id="modal-baixasPagtoCheque" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content" id="modalBody">
                    <div class="modal-header">
                        <h4 class="modal-title">Lançar Baixas Pagar</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="col-sm-12 table-responsive card-body pr-0 pt-0 pb-0">
                            <h5>A Lançar</h5>
                            <table id="tabelaBaixasPagtoCheque" class="table table-sm table-select table-hover" width="100%">
                                <thead>
                                    <tr>
                                        <th class="th-sm">Tipo
                                        </th>
                                        <th class="th-sm">Número
                                        </th>
                                        <th class="th-sm">Codcli
                                        </th>
                                        <th class="th-sm">Valor
                                        </th>
                                        <th class="th-sm">Seq
                                        </th>
                                        <th class="th-sm">Número Rec.
                                        </th>
                                        <th class="th-sm">Obs.
                                        </th>
                                        <th class="th-sm">CodCli
                                        </th>
                                        <th class="th-sm">Empresa
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-sm-12 col-md-12 col-12 p-0 row">
                            <div class="col-sm-4 col-md-4 col-4 pb-0 pr-0">
                                <div class="col-sm-12 col-12 col-md-12 pb-0 pr-0">
                                    <fieldset class="form border-Field pb-0 pr-0">
                                        <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixa Cheque</legend>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" class="mt-2" data-success="right" for="txtClasseGerPagtoBCH">Classe Gerencial: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtClasseGerPagtoBCH" name="txtClasseGerPagtoBCH" placeholder="Classe Gerencial">
                                                <!-- <select class="js-example-programmatic js-states form-control" id="txtClasseGerBaixaCheque" name="txtClasseGerBaixaCheque" multiple="multiple"> </select> -->
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnClasseGerPagtoBCH" name="btnClasseGerPagtoBCH" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaClasseGerPagtoBCH" name="btnLimpaClasseGerPagtoBCH" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" data-success="right" for="txtHistoricoPBCH">Histórico: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtHistoricoPBCH" name="txtHistoricoPBCH" placeholder="Histórico">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnHistoricoPBCH" name="btnHistoricoPBCH" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaHistoricoPBCH" name="btnLimpaHistoricoPBCH" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-sm-12 col-12 col-md-12 pb-0 pr-0">
                                    <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                        <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixa Pagar</legend>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" class="mt-2" data-success="right" for="txtClasseGerBCHPagto">Classe Gerencial: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtClasseGerBCHPagto" name="txtClasseGerBCHPagto" placeholder="Classe Gerencial">
                                                <!-- <select class="js-example-programmatic js-states form-control" id="txtClasseGerBaixaCheque" name="txtClasseGerBaixaCheque" multiple="multiple"> </select> -->
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnClasseGerBCHPagto" name="btnClasseGerBCHPagto" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaClasseGerBCHPagto" name="btnLimpaClasseGerBCHPagto" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                            <label data-error="wrong" data-success="right" for="txtHistoricoBCHPagto">Histórico: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12 pr-0 pl-0">
                                                <input type="text" class="input-default focus form-control" id="txtHistoricoBCHPagto" name="txtHistoricoBCHPagto" placeholder="Histórico">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnHistoricoBCHPagto" name="btnHistoricoBCHPagto" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaHistoricoBCHPagto" name="btnLimpaHistoricoBCHPagto" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                            <div class="col-sm-8 col-8 col-md-8 pb-0 pr-0">
                                <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                    <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Pagamento</legend>
                                    <div class="col-12 row">
                                        <div class="col-6">
                                            <label data-error="wrong" data-success="right" for="txtDtPagtoPagar">Data Pagamento: </label>
                                            <div class="input-group">
                                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtPagtoPagar" name="txtDtPagtoPagar">
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <label data-error="wrong" data-success="right" for="txtDtContabilizacaoPagar">Data Contabalização: </label>
                                            <div class="input-group">
                                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtContabilizacaoPagar" name="txtDtContabilizacaoPagar">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 row pl-0 pr-0">
                                        <div class="form-group col-md-6 col-sm-6 col-6 pl-0 pr-0">
                                            <label data-error="wrong" class="ml-3 mt-2" data-success="right" for="txtContaP">Conta: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtContaP" name="txtContaP" placeholder="Conta">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnContaP" name="btnContaP" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaContaP" name="btnLimpaContaP" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-6 pl-0 pr-0">
                                            <label data-error="wrong" class="ml-3 mt-2" data-success="right" for="txtMoedaP">Moeda: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtMoedaP" name="txtMoedaP" placeholder="Moeda">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnMoedaP" name="btnMoedaP" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaMoedaP" name="btnLimpaMoedaP" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 row pl-0 pr-0">
                                        <div class="form-group col-md-6 col-sm-6 col-6 pl-0 pr-0 mr-0">
                                            <label data-error="wrong" class="ml-3" data-success="right" for="txtBancoP">Banco: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtBancoP" name="txtBancoP" placeholder="Banco">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnBancoP" name="btnBancoP" data-button="absolute" type="button"><i class="m-0 p-0 fas fa-search"></i></button>
                                                    <button class="btn bg-danger" id="btnLimpaBancoP" name="btnLimpaBancoP" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6 col-sm-6 col-6 pr-0 pl-0">
                                            <label data-error="wrong" class="ml-3" data-success="right" for="txtDoctoP">Documento: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtDoctoP" name="txtDoctoP" placeholder="Documento">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnLimpaDoctoP" name="btnLimpaDoctoP" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 row pl-0 pr-0">
                                        <div class="form-group col-md-12 col-sm-12 col-12 pl-0 pr-0">
                                            <label data-error="wrong" class="ml-3" data-success="right" for="txtObsP">Observação: </label>
                                            <div class="input-group col-md-12 col-sm-12 col-12">
                                                <input type="text" class="input-default focus form-control" id="txtObsP" name="txtObsP" placeholder="Observação">
                                                <div class="input-group-append">
                                                    <button class="btn bg-danger" id="btnLimpaObsP" name="btnLimpaObsP" type="button"><i class="m-0 p-0 fas fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer flex justify-content-start align-items-start">
                        <div class="row col-lg-2 col-2">
                            <button class="btn btn-primary col-12 btn-sisp mt-1" id="btnBaixaDadosPagar"><span class="fas fa-arrow-down"></span> Baixar Dados</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div id="modal-baixasEncontroContas" class="modal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content" id="modalBody">
                    <div class="modal-header">
                        <h4 class="modal-title">Lançar Baixas Receber x Pagar</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="col-sm-12 col-md-12 col-12 p-0 row flex justify-content-center">
                            <div class="col-sm-8 col-8 col-md-8 pb-0 pr-0">
                                <fieldset class="form border-Field pb-0 pr-0 mt-2">
                                    <legend class="textoBordaBaixaCheque mb-0 pb-0 pr-1">Dados Baixas</legend>
                                    <div class="col-12 row">
                                        <div class="col-6">
                                            <label data-error="wrong" data-success="right" for="txtDtPagtoEncontroContas">Data Pagamento: </label>
                                            <div class="input-group">
                                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtPagtoEncontroContas" name="txtDtPagtoEncontroContas">
                                            </div>
                                        </div>
                                        <div class="col-6 mb-4">
                                            <label data-error="wrong" data-success="right" for="txtDtContabilizacaoEncontroContas">Data Contabalização: </label>
                                            <div class="input-group">
                                                <input type="date" max="2500-12-31" class="input-default focus form-control" id="txtDtContabilizacaoEncontroContas" name="txtDtContabilizacaoEncontroContas">
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="col-sm-12 table-responsive card-body pr-0 pt-0 pb-0">
                            <h5>A Lançar</h5>
                            <table id="tabelaBaixasEncontroContas" class="table table-sm table-select table-hover" width="100%">
                                <thead>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer flex justify-content-start align-items-start">
                        <div class="row col-lg-2 col-2">
                            <button class="btn btn-primary col-12 btn-sisp mt-1" id="btnBaixaDadosEncontroContas"><span class="fas fa-arrow-down"></span> Baixar Dados</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php
    include_once('../../modais.php');
    ?>
    <aside class="control-sidebar control-sidebar-dark">
    </aside>
    </div>
    <script src="plugins/jquery/jquery.min.js?versao=3.258.7.1"></script>
    <script type="text/javascript" src="dist/js/jquery.dataTables.js?versao=3.258.7.1"></script>
    <script type="text/javascript" src="dist/js/dataTables.bootstrap4.min.js?versao=3.258.7.1"></script>
    <script src="plugins/jquery-ui/jquery-ui.min.js?versao=3.258.7.1"></script>
    <script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>
    <script src="plugins/bootstrap/js/bootstrap.bundle.min.js?versao=3.258.7.1"></script>
    <script src="dist/js/adminlte.min.js?versao=3.258.7.1"></script>
    <script src="dist/js/sisplan.js?versao=3.258.7.1"></script>
    <script src="utils/funcoes.js?versao=3.258.7.1"></script>
    <script src="utils/cookies.js?versao=3.258.7.1"></script>
    <script src="dist/js/requisicoes.js?versao=3.258.7.1"></script>
    <script src="dist/js/loadingoverlay.min.js?versao=3.258.7.1"></script>
    <script src="dist/js/driver.min.js?versao=3.258.7.1"></script>
    <script src="plugins/toastr/toastr.min.js?versao=3.258.7.1"></script>
    <script src="plugins/select2/js/select2.full.min.js?versao=3.258.7.1"></script>
    <script type="text/javascript" src="dist/js/sum().js?versao=3.258.7.1"></script>
    <script type="text/javascript" src="config.js?versao=3.258.7.1"></script>
    <script src="plugins/select2/js/select2.full.min.js?versao=3.258.7.1"></script>
    <script>
        $(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('ENCONTRO_CONTAS');
            if (!temAcesso.resultado) {
                toastrAcesso(temAcesso, BASE_URI);
                return;
            }

            sArquivo = `${BASE_URI}/pages/encontro_contas/encontro_contas.js?versao=3.258.7.1`;
            insereJavaScriptPagina(sArquivo);

        });
    </script>
</body>

</html>