{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# CSS #}
    {#Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.bootstrap.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.responsive.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.tableTools.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
    
    {# Checkbox #}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/css/font-awesome.css') }}">
    <link rel="stylesheet" href="{{ asset('bundles/shedule/css/build.css') }}"/>
    
    {# Custom #}
    <link rel="stylesheet" href="{{ asset('bundles/cartera/css/customcartera.css') }}" />
    
    
    {# JS #}
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.tableTools.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/cartera/js/cartera.js') }}"></script>
    <script>var url_busqueda = '{{ path("hiruko_cartera") }}';</script>
    <script>var url_ver_en_detalle = '{{ path("hiruko_cartera_ver_en_detalle") }}';</script>
    <script>var url_ver_registros_factura = '{{ path("hiruko_cartera_ver_registros_factura") }}';</script>
    <script>var url_ver_registros_cartera = '{{ path("hiruko_cartera_ver_registros_cartera") }}';</script>
    <script>var url_guardar_glosa = '{{ path("hiruko_cartera_guardar_glosa") }}';</script>
    <script>var url_guardar_pago = '{{ path("hiruko_cartera_guardar_pago") }}';</script>
    <script>var url_guardar_ajuste = '{{ path("hiruko_cartera_guardar_ajuste") }}';</script>

    <script>
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var labelPorFavorEsperar = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var labelCamposObligatorios= '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
    </script>
  
{% endblock %}
{% block content %}
    {# Container fluid #}
        <div class="container-fluid">
            {# panel primary #}
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Cartera</h3>
                </div>
                {# panel-body #}
                <div class="panel-body">
                    {# Formulario de búsqueda #}
                    <div class="row">
                        <div class="form-group">
                            <div class="form-group">
                                <div class="col-md-3">
                                    <select class="form-control selectpicker" data-live-search="true" data-id="selConvenio" data-actions-box="true" data-style="btn-primary" multiple title='{{ 'Facturacion.ConsultaOrdenes.Convenios'|trans([], 'LocalizationBundle') }}'>
                                      {% for Convenio in listconvenios %}
                                        <option value="{{ Convenio.idEps }}*{{ Convenio.idContratos }}*{{ Convenio.tipoContrato }}" >{{ Convenio.name }} - {{ Convenio.nombreContrato }}</option>
                                      {% endfor %}
                                    </select>
                                    <input type="hidden" id="selConvenio" name="selConvenio" class="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input id="fechaIni" name="fechaIni" class="form-control datepicker cor" placeholder="Fecha inicial facturado">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input id="fechaFin" name="fechaFin" class="form-control datepicker cor" placeholder="Fecha final facturado">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="clearfix"></div> <!-- Si se le quita el comentario al de arriba, borr este -->

                        <div class="form-group">   
                            <div class="form-group">
                                <div class="form-group">
                                    <div class="col-md-3">
                                        <button id="buscar" class="btn btn-info form-control">{{ 'Facturacion.Buscar'|trans([], 'LocalizationBundle') }}</button>
                                    </div>
                                    <div class="col-md-3">
                                        <button id="borrar" class="btn btn-danger form-control">{{ 'Facturacion.Borrar'|trans([], 'LocalizationBundle') }}</button>
                                    </div>
                                </div>  
                            </div>
                        </div>

                        <div class="clearfix"></div>
                    </div>
                    {# Fin Formulario de búsqueda #}
                    
                    {# Tabla de resultados #}
                    <br>
                    <br>
                    <div class="row">
                        <div class="col-md-12" >
                            <div class="clearfix"></div>

                            <div id="divfacturas"></div>

                            <div id="divVerEnDetalle"></div>
                            
                        </div>
                    </div>{# Fin Tabla de resultados #}

                    <div id="divTipoRegistro" class="row" style="display:none">
                        <div class="col-md-3">
                            <select class="form-control selectpicker" id="selTipoRegistro" onChange="tipoRegistro()">
                                <option value="">Tipo de Registro</option>
                                {% for  key, tipoRegistro in listaTipoRegistros %}
                                    <option value="{{ key }}">{{ tipoRegistro }}</option>
                                {% endfor %}
                                <!-- <option value="Ajuste">Ajuste</option> -->
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="col-md-3">
                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                    <input id="fechaMov" name="fechaMov" class="form-control datepicker cor" placeholder="Fecha del movimiento">
                                </div>
                            </div>
                        </div>
                    </div>
                    <br>
                    <br>

                    {# Formulario glosas#}
                    <div id="formulariosGlosa" style="display:none">
                        <div class="row">
                            <div class="col-md-3">
                                <button id="agregarFacGlosaForm" class="btn btn-info">Agregar Factura</button>
                            </div>
                        </div>
                        <br>
                        <div id="registrosGlosas"></div>
                        <div id="divDescripcionGlosas" style="display:none">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Descripcion</label>
                                    <textarea class="form-control" id="descripcionFormularioGlosa" rows="5" style="resize:none"></textarea>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <button type="button" id="guardarGlosa" class="btn btn-success">Guardar</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    {# Formulario pagos#}
                    <div id="formulariosPago" style="display:none">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="montoBancoPagoForm">Monto Banco</label>
                                    <input type="number" min="0" class="form-control pago1 debito" id="montoBancoPagoForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="selBancoPagoForm">Seleccionar Banco</label>
                                <select class="form-control pago1" id="selBancoPagoForm">
                                    <option value="">Seleccione Banco</option>
                                    {% for  key, banco in listaBancos %}
                                        <option value="{{ key }}">{{ banco }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="pagoPendPagoForm">Pagos Pendientes</label>
                                    <input type="number" min="0" class="form-control pago1 debito" id="pagoPendPagoForm">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="valorRetefuentePagoForm">Valor Retefuente</label>
                                    <input type="number" min="0" class="form-control pago1 debito" id="valorRetefuentePagoForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="selPorcentajeRetePagoForm">Porcentaje Retefuente</label>
                                    <select class="form-control pago1" id="selPorcentajeRetePagoForm">
                                        <option value="">Seleccione Porcentaje</option>
                                        {% for  key, porcentaje in listaPorcentajes %}
                                            <option value="{{ key }}">{{ porcentaje }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="valorReteIcaPagoForm">Valor Rete ICA</label>
                                    <input type="number" min="0" class="form-control pago1 debito" id="valorReteIcaPagoForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="excedentePagoForm">Excedente</label>
                                    <input type="number" min="0" class="form-control pago1 credito" id="excedentePagoForm">
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-3">
                                <button id="agregarFacPagoForm" class="btn btn-info">Agregar Factura</button>&nbsp;
                            </div>
                        </div>
                        <br>
                        <div id="registrosPagos"></div>
                        <br>
                        <br>
                         <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="calculoDebitosPagoForm">C&aacute;lculo D&eacute;bitos</label>
                                    <input type="number" class="form-control" id="calculoDebitosPagoForm" readonly>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="calculoCreditosPagoForm">C&aacute;lculo Cr&eacute;ditos</label>
                                    <input type="number" class="form-control" id="calculoCreditosPagoForm" readonly>
                                </div>
                            </div>
                        </div>
                        <div id="divDescripcionPagos">
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Descripcion</label>
                                    <textarea class="form-control" id="descripcionFormularioPago" rows="5" style="resize:none"></textarea>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-6">
                                    <button type="button" id="guardarPago" class="btn btn-success">Guardar</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    {# Formulario ajuste#}
                    <div id="formulariosAjuste" style="display:none">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="pagoPendDebitoAjusteForm">Pagos Pendientes Debito</label>
                                    <input type="text" class="form-control debito" id="pagoPendDebitoAjusteForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="pagoPendCreditoAjusteForm">Pagos Pendientes Credito</label>
                                    <input type="text" class="form-control credito" id="pagoPendCreditoAjusteForm">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="valorReteDebitoAjusteForm">Valor Retefuente Debito</label>
                                    <input type="text" class="form-control debito" id="valorReteDebitoAjusteForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="valorReteCreditoAjusteForm">Valor Retefuente Credito</label>
                                    <input type="text" class="form-control credito" id="valorReteCreditoAjusteForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="porcentajeReteAjusteForm">Porcentaje Retefuente</label>
                                    <select class="form-control" id="porcentajeReteAjusteForm">
                                        <option value="">Seleccione Porcentaje</option>
                                        <option value="1">1%</option>
                                        <option value="2">2%</option>
                                        <option value="3">3%</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="excedenteAjusteForm">Excedente</label>
                                    <input type="text" class="form-control credito" id="excedenteAjusteForm">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="selFacAjusteForm">Factura</label>
                                    <select class="form-control" id="selFacAjusteForm">
                                        <option value="">Seleccione</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="montoCarteraDebitoAjusteForm">Monto Cartera Debito</label>
                                    <input type="text" class="form-control debito" id="montoCarteraDebitoAjusteForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="montoCarteraCreditoAjusteForm">Monto Cartera Credito</label>
                                    <input type="text" class="form-control credito" id="montoCarteraCreditoAjusteForm">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="glosaAceptadaAjusteForm">Glosa Aceptada</label>
                                    <input type="text" class="form-control debito" id="glosaAceptadaAjusteForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="glosaPagadaAjusteForm">Glosa Pagada</label>
                                    <input type="text" class="form-control credito" id="glosaPagadaAjusteForm">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="glosaConciliadaAjusteForm">Glosa Conciliada</label>
                                    <input type="text" class="form-control credito" id="glosaConciliadaAjusteForm">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="calculoDebitosAjusteForm">Calculo Debitos</label>
                                    <input type="number" class="form-control" id="calculoDebitosAjusteForm" readonly>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="calculoCreditosAjusteForm">Calculo Creditos</label>
                                    <input type="number" class="form-control" id="calculoCreditosAjusteForm" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label>Descripcion</label>
                                <textarea class="form-control" rows="5" style="resize:none"></textarea>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-6">
                                <button type="button" id="guardarAjuste" class="btn btn-success">Guardar</button>
                            </div>
                        </div>
                    </div>

                    <div id="divRegistros"></div>

                    <div id="divRegistrosCartera"></div>
                    
                </div>{# Fin panel-body #}
            </div>{# Fin panel primary #}
        </div>{# Fin Container fluid #}
        
    {# Ventanas modales #}
        {# Modal anular #}
        <div class="modal fade" id="anular" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
            <input type="hidden" id="codigoFacturaAnulacion" name="codigoFacturaAnulacion" />
            <div class="modal-dialog modal-dialog-md" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Factura  <span id="numeroFactura" ></span></h4>
                    </div>
                    <div class="modal-body">

                        <div class="checkbox checkbox-primary checkbox-inline">
                            <input type="checkbox" id="anularorden" value="option">
                            <label>Anular autom&aacute;ticamente la orden</label>
                        </div>
                        <h4>Comentario</h4><hr>
                        <textarea id='comentarioAnulacion' class="form-control" style="min-height:150px;"></textarea>
                        <h5>Nota: al seleccionar <b>Anular autom&aacute;ticamente la orden</b> el comentario de la orden anulada ser&aacute; el mismo de la factura anulada </h5>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                        <button id='anularFactura' type="button" class="btn btn-danger">Anular</button>
                    </div>
                </div>
            </div>
        </div>
        {# Fin Modal anular #}
    {# Fin Ventanas modales #} 
{% endblock %}