<div class="row">
    <input type="hidden" id="id" value="<?php echo $_GET['id']; ?>" />
    <input type="hidden" id="winTitulo" value="<?php echo $_GET['winTitulo']; ?>" />
    <div class="col s12">
        <div class="container">
            <div class="section section-data-tables">
                <!-- DataTables example -->
                <div class="row">
                    <div class="col s12 m12 l12">
                        <div id="revenue-chart" class="card">
                            <!--<div id="button-trigger" class="card card card-default scrollspy">-->
                            <div class="card-content">
                                <h6 id="tituloFromPago"><b>Registrar nuevo pago</b>                                  
                                </h6>
                                <br>
                                <div class="row classRegistro">
                                    <div class="col s12 m7 24">
                                        <h6 id="nombreCliente"></h6>
                                        <h6 id="documentoCliente"></h6>
                                        <h6 id="periodoDeudaInicio"></h6>
                                        <h6 id="periodoDeudaFin"></h6>
                                        <input type="hidden" id="txtIdCliente" />
                                        <form class="formValidate" id="formValidatePago">
                                            <div class="row">
                                                <div class="input-field col m4 s12">
                                                    <label for="txtFechaPago">Fecha de pago</label>
                                                    <input type="text" class="datepicker" id="txtFechaPago" name="txtFechaPago" data-error=".errorTxt1">
                                                    <small class="errorTxt1"></small>
                                                </div>
                                                <div class="input-field col m6 s12">
                                                    <label for="txtNroOperacion">Número de operación</label>
                                                    <input id="txtNroOperacion" name="txtNroOperacion" type="text" data-error=".errorTxt2">
                                                    <small class="errorTxt2"></small>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="input-field col m6 s12">
                                                    <select id="cboBanco" name="cboBanco" data-error=".errorTxt5">
                                                    </select>
                                                    <label>Banco</label>
                                                    <small class="errorTxt5"></small>
                                                </div>
                                                <div class="input-field col m4 s12">
                                                    <label for="txtMonto">Monto</label>
                                                    <input id="txtMonto" name="txtMonto" type="text" data-error=".errorTxt3" style="text-align: right;">
                                                    <small class="errorTxt3"></small>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="input-field col m10 s12">
                                                    <label for="txtComentario">Comentario</label>
                                                    <textarea id="txtComentario" name="txtComentario" type="text" class="materialize-textarea" data-error=".errorTxt4"></textarea>
                                                    <small class="errorTxt4"></small>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="input-field col m12 s12">
                                                    <h6 id="hMes"></h6>
                                                </div>
                                                <input name="txtMes" id="txtMes" type="hidden" />
                                                <input name="txtAnio" id="txtAnio" type="hidden" />
                                                <input name="txtDeste" id="txtDeste" type="hidden" />
                                                <input name="txtHasta" id="txtHasta" type="hidden" />
                                                <!--                                                <div class="input-field col m5 s12">
                                                                                                    <select id="cboMes" name="cboMes" data-error=".errorTxt5">
                                                                                                        <option value="1">Enero</option>
                                                                                                        <option value="2">Febrero</option>
                                                                                                        <option value="3">Marzo</option>
                                                                                                        <option value="4">Abril</option>
                                                                                                        <option value="5">Mayo</option>
                                                                                                        <option value="6">Junio</option>
                                                                                                        <option value="7">Julio</option>
                                                                                                        <option value="8">Agosto</option>
                                                                                                        <option value="9">Septiembre</option>
                                                                                                        <option value="10">Octubre</option>
                                                                                                        <option value="11">Noviembre</option>
                                                                                                        <option value="12">Diciembre</option>
                                                                                                    </select>
                                                                                                    <label>Mes</label>
                                                                                                    <small class="errorTxt5"></small>
                                                                                                </div>-->
                                                <!--<div class="input-field col m5 s12">-->
                                                <!--<h6 id="hAnio"></h6>-->
<!--                                                    <select id="cboAnio" name="cboAnio" data-error=".errorTxt6">
                                                    <option value="2020">2020</option>
                                                    <option value="2021">2021</option>
                                                    <option value="2022">2022</option>
                                                    <option value="2023">2023</option>
                                                    <option value="2024">2024</option>
                                                    <option value="2025">2025</option>
                                                    <option value="2026">2026</option>
                                                    <option value="2027">2027</option>
                                                    <option value="2028">2028</option>
                                                    <option value="2029">2029</option>
                                                    <option value="2030">2030</option>
                                                </select>
                                                <label>Año</label>
                                                <small class="errorTxt6"></small>-->
                                                <!--</div>-->
                                            </div>
                                            <div class="row">
                                                <div class="input-field col s10">
                                                    <button class="btn waves-effect waves-light light-blue darken-2 right" type="button" onclick="guardarPago()">Enviar
                                                        <!--<i class="material-icons right">send</i>-->
                                                    </button>
                                                    <button class="btn waves-effect waves-light red accent-2 right mr-1" type="button" onclick="regresarListaPagos()">Cancelar
                                                        <!--<i class="material-icons right">send</i>-->
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="col s12 m5 24">
                                        <div class="masonry-gallery-wrapper">
                                            <div class="popup-gallery">
                                                <div class="gallery-sizer"></div>
                                                <div class="row">
                                                    <div class="col s12 m12 24 x12">
                                                        <div>
                                                            <a href="app-assets/images/gallery/ejemplo_voucher.jpeg" title="The Cleaner">
                                                                <img src="app-assets/images/gallery/ejemplo_voucher.jpeg" class="responsive-img mb-10" alt="">
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class = "row" id = "divPDF" style = "display: none">
                                    <div class = "col s12 m12 24" id="pdfEmbebido" style="text-align: right;" >
                                    </div>
                                    <div class="input-field col s12">
                                        <button class="btn waves-effect waves-light red accent-2 right mr-1" type="button" onclick="regresarListaPagos()">Regresar                                            
                                        </button>
                                    </div>
                                </div>
                                <div class="row" id="divCargando" style="display: none; margin: 70px 0px;">
                                    <div style="width: 50%; margin: auto; ">
                                        <span style="display: block; text-align: center; margin-bottom: 0px; font-size: 18px">CARGANDO...</span>
                                        <div style="display: block; text-align: center;">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>                        
                    </div>                    
                </div>                
            </div>            
        </div>
    </div>
</div>
<script src="view/js/Procesos/despachadorControlPagoForm.js"></script>  