Comprobante de Retención Virtual

{{informante.ruc}} | {{informante.nombre}}

Datos del Proveedor

Situación

RUC

Tipo identificación

Identificación

Nombre y Apellido o Razón Social

Domicilio

Dirección

</label>
                            </div>
                        </div>
                    </div>
                    <div
                        ng-if="comprobante.informado.situacion != 'CONTRIBUYENTE'"
                    >
                        <div class="row no-col-padding">
                            <div class="small-12 large-12 columns">
                                <label
                                    >Correo electrónico
                                    <input
                                        ng-model="comprobante.informado.correoElectronico"
                                        type="email"
                                        uppercase
                                        required
                                    />
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="small-4 large-4 columns">
                    <div class="row">
                        <div class="small-12 large-12 columns">
                            <label
                                ng-show="comprobante.informado.situacion=='NO_RESIDENTE'"
                                >País
                                <select
                                    name="contribuyentePais"
                                    id="contribuyentePais"
                                    ng-model="comprobante.informado.pais"
                                    title="País"
                                    data-ng-required="comprobante.informado.situacion == 'NO_RESIDENTE'"
                                >
                                    <option
                                        ng-repeat="pais in parametros.paises | orderBy: 'nombre'"
                                        value="{{pais.pais}}"
                                    >
                                        {{pais.nombre}}
                                    </option>
                                </select>
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-12 large-12 columns">
                            <label
                                ng-show="comprobante.informado.situacion!='CONTRIBUYENTE'"
                                >Teléfono
                                <input
                                    ng-model="comprobante.informado.telefono"
                                    maxlength="15"
                                    type="text"
                                />
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div
                class="row"
                data-ng-if="comprobante.informado.situacion=='NO_RESIDENTE'"
            >
                <div
                    class="small-4 large-4 columns end"
                    style="padding-top: 15px;"
                >
                    <label>
                        <input
                            type="checkbox"
                            value="false"
                            ng-model="comprobante.informado.tieneRepresentante"
                        />CUENTA CON REPRESENTANTE LEGAL
                    </label>
                </div>
            </div>

<fieldset
                data-ng-if="comprobante.informado.situacion == 'NO_RESIDENTE' && comprobante.informado.tieneRepresentante"
            >
                <legend style="font-size: 0.8em; color: #606060;">
                    Datos del Representante Legal
                </legend>

<div class="row">
                    <div class="small-4 large-4 columns">
                        <label
                            >Tipo identificación
                            <select
                                ng-model="comprobante.informado.representante.tipoIdentificacion"
                                required
                            >
                                <option value="RUC">RUC</option>
                                <option value="CEDULA"
                                    >Cédula de identidad</option
                                >
                                <option value="PASAPORTE">Pasaporte</option>
                                <option value="IDENTIFICACION_TRIBUTARIA"
                                    >Identificación Tributaria</option
                                >
                            </select>
                        </label>
                    </div>
                    <div class="small-4 large-4 columns">
                        <label
                            >Identificación
                            <input
                                type="text"
                                ng-model="comprobante.informado.representante.identificacion"
                                required
                                uppercase
                            />
                        </label>
                    </div>
                    <div class="small-4 large-4 columns">
                        <label
                            >Nombre y Apellido
                            <input
                                type="text"
                                id="beneficiarioNombre"
                                ng-model="comprobante.informado.representante.nombre"
                                required
                                uppercase
                            />
                        </label>
                    </div>
                </div>
            </fieldset>

<div
                class="row"
                data-ng-if="comprobante.informado.situacion=='NO_RESIDENTE'"
            >
                <div
                    class="small-4 large-4 columns end"
                    style="padding-top: 15px;"
                >
                    <label>
                        <input
                            type="checkbox"
                            value="true"
                            ng-model="comprobante.informado.tieneBeneficiario"
                        />CUENTA CON BENEFICIARIO
                    </label>
                </div>
            </div>

<fieldset
                data-ng-if="comprobante.informado.situacion=='NO_RESIDENTE' && comprobante.informado.tieneBeneficiario"
            >
                <legend style="font-size: 0.8em; color: #606060;">
                    Datos del Beneficiario
                </legend>
                <div class="row">
                    <div class="small-4 large-4 columns">
                        <label
                            >Tipo identificación
                            <select
                                ng-model="comprobante.informado.beneficiario.tipoIdentificacion"
                                required
                            >
                                <option value="RUC">RUC</option>
                                <option value="CEDULA"
                                    >Cédula de identidad</option
                                >
                                <option value="PASAPORTE">Pasaporte</option>
                                <option value="IDENTIFICACION_TRIBUTARIA"
                                    >Identificación Tributaria</option
                                >
                            </select>
                        </label>
                    </div>
                    <div class="small-4 large-4 columns">
                        <label
                            >Identificación
                            <input
                                type="text"
                                ng-model="comprobante.informado.beneficiario.identificacion"
                                required
                                uppercase
                            />
                        </label>
                    </div>
                    <div class="small-4 large-4 columns">
                        <label
                            >Nombre y Apellido o Razón Social
                            <input
                                type="text"
                                id="beneficiarioNombre"
                                ng-model="comprobante.informado.beneficiario.nombre"
                                required
                                uppercase
                            />
                        </label>
                    </div>
                </div>
            </fieldset>
        </fieldset>
        
        <fieldset>
            <legend>Retención</legend>
            
            <div class="row">
                <div class="small-4 large-3 columns">
                    
                    <label
                        >Fec<span style="display:none">patch</span>ha de
                        Retención
                        <input
                            type="text"
                            ng-model="comprobante.retencion.fecha"
                            ui-date="opcionesFecha"
                            ui-date-format="yy-mm-dd"
                            required
                        />
                    </label>
                </div>
                <div class="small-3 columns">
                    <label
                        >Moneda
                        <select
                            ng-model="comprobante.retencion.moneda"
                            ng-change="refrescaTotales()"
                            required
                        >
                            <option
                                ng-repeat="moneda in parametros.monedas"
                                ng-selected="moneda.iso == comprobante.retencion.moneda"
                                value="{{moneda.iso}}"
                            >
                                {{moneda.nombre}}
                            </option>
                        </select>
                    </label>
                </div>
                <div class="small-2 large-3 columns end">
                    <div class="row">
                        <div
                            class="small-12 columns fade"
                            ng-if="comprobante.retencion.moneda != 'PYG'"
                        >
                            <label
                                >Tipo de Cambio
                                <input
                                    type="text"
                                    class="numberEntry"
                                    ng-change="refrescaTotales()"
                                    ng-model="comprobante.retencion.tipoCambio"
                                    decimal-number="{ maxDecimals: 0, min: 1, preventInvalidInput: true }"
                                    required
                                />
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="small-4 large-4 columns end">
                    <label>
                        <input
                            type="checkbox"
                            value="true"
                            ng-change="modificaCondicion('retencionRenta')"
                            ng-model="comprobante.retencion.retencionRenta"
                        />RETENCIÓN DE RENTA
                    </label>
                </div>
            </div>

<div
                ng-if="comprobante.retencion.retencionRenta"
                class="if-animado"
            >
                <div class="row">
                    <div
                        class="small-12 large-12 columns"
                        style="overflow: auto;"
                    >
                        <label
                            >Concepto
                            <select
                                name="conceptoRenta"
                                ng-change="recuperarNombreConcepto()"
                                ng-model="comprobante.retencion.conceptoRenta"
                                required
                            >
                                <optgroup
                                    label="{{grupo.nombre}}"
                                    ng-repeat="grupo in parametros.retenciones | filter: {concepto: 'RENTA'} | filter: {situacion: comprobante.informado.situacion}:true"
                                >
                                    <option
                                        value="{{item.codigo}}"
                                        ng-selected="item.codigo == comprobante.retencion.conceptoRenta"
                                        ng-repeat="item in grupo.items | filter: {concepto: 'RENTA'} | filter: {situacion: comprobante.informado.situacion}:true"
                                    >
                                        {{item.nombre}}
                                    </option>
                                </optgroup>
                            </select>
                        </label>
                    </div>
                </div>
            </div>
            <div
                ng-if="comprobante.retencion.retencionRenta"
                class="if-animado"
            >
                <div class="row" style="margin-left: 20px;margin-right: 20px;">
                    <div
                        class="small-12 large-12 columns"
                        style="overflow: auto;text-align: justify;margin-bottom: 25px;"
                    >
                        <label
                            >{{comprobante.retencion.conceptoRentaNombre}}
                        </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="small-4 large-4 columns end">
                    <label>
                        <input
                            type="checkbox"
                            value="true"
                            ng-change="modificaCondicion('retencionIva')"
                            ng-model="comprobante.retencion.retencionIva"
                        />RETENCIÓN DE IVA
                    </label>
                </div>
            </div>
            
            <div ng-if="comprobante.retencion.retencionIva" class="if-animado">
                <div class="row">
                    <div class="small-12 large-12 columns">
                        <label
                            >Concepto
                            <select
                                name="conceptoIVA"
                                ng-change="recuperarNombreConcepto()"
                                ng-model="comprobante.retencion.conceptoIva"
                                required
                            >
                                <option
                                    value="{{item.codigo}}"
                                    ng-selected="item.codigo == comprobante.retencion.conceptoIva"
                                    ng-repeat="item in parametros.retenciones | filter: {concepto: 'IVA'} | filter: {situacion: comprobante.informado.situacion}:true"
                                >
                                    {{item.nombre}}
                                </option>
                            </select>
                        </label>
                    </div>
                </div>
            </div>
            <div ng-if="comprobante.retencion.retencionIva" class="if-animado">
                <div class="row" style="margin-left: 20px;margin-right: 20px;">
                    <div
                        class="small-12 large-12 columns"
                        style="overflow: auto;text-align: justify;margin-bottom: 25px;"
                    >
                        <label
                            >{{comprobante.retencion.conceptoIvaNombre}}
                        </label>
                    </div>
                </div>
            </div>
        </fieldset>
        <fieldset>
            <legend>Transacción</legend>
            <div class="row">
                <div class="small-6 columns end">
                    <label
                        >Tipo de Comprobante
                        <select
                            ng-model="comprobante.transaccion.tipoComprobante"
                            integer
                            required
                        >
                            <option
                                value="{{item.id}}"
                                ng-repeat="item in parametros.tiposComprobantes"
                                ng-selected="item.id == comprobante.transaccion.tipoComprobante"
                            >
                                {{item.nombre}}
                            </option>
                        </select>
                    </label>
                </div>
            </div>
            <div class="row">
                <div class="small-4 large-4 columns">
                    <label
                        >Número de comprobante de venta
                        
                        <div
                            ng-if="habilitarNumeroTimbrado(comprobante.informado.situacion, comprobante.transaccion.tipoComprobante)"
                        >
                            
                            <input
                                type="text"
                                ng-model="comprobante.transaccion.numeroComprobanteVenta"
                                input-mask="'mask'"
                                mask-option="mascaraNumeroComprobante"
                                required
                                uppercase
                            />
                        </div>
                        <div
                            ng-if="!habilitarNumeroTimbrado(comprobante.informado.situacion, comprobante.transaccion.tipoComprobante)"
                        >
                            <div
                                ng-if="largoExtendidoNumeroComprobante(comprobante.informado.situacion, comprobante.transaccion.tipoComprobante)"
                            >
                                <input
                                    type="text"
                                    ng-model="comprobante.transaccion.numeroComprobanteVenta"
                                    maxlength="30"
                                    required
                                    uppercase
                                />
                            </div>
                            <div
                                ng-if="!largoExtendidoNumeroComprobante(comprobante.informado.situacion, comprobante.transaccion.tipoComprobante)"
                            >
                                <input
                                    type="text"
                                    ng-model="comprobante.transaccion.numeroComprobanteVenta"
                                    maxlength="20"
                                    required
                                    uppercase
                                />
                            </div>
                        </div>
                    </label>
                </div>
                <div class="small-2 large-2 columns end">
                    
                    <label
                        >Fec<span style="display:none">patch</span>ha
                        <input
                            type="text"
                            ng-model="comprobante.transaccion.fecha"
                            ui-date="opcionesFecha"
                            ui-date-format="yy-mm-dd"
                            required
                        />
                    </label>
                </div>
            </div>
            <div class="row">
                
                <div class="small-4 large-4 columns end">
                    <div
                        ng-if="!habilitarNumeroTimbrado(comprobante.informado.situacion, comprobante.transaccion.tipoComprobante)"
                    >
                        <label
                            >Número de Timbrado
                            <input
                                type="text"
                                ng-model="comprobante.transaccion.numeroTimbrado"
                                readonly="readonly"
                                required
                                uppercase
                            />
                        </label>
                    </div>
                    <div
                        ng-if="habilitarNumeroTimbrado(comprobante.informado.situacion, comprobante.transaccion.tipoComprobante)"
                    >
                        <label
                            >Número de Timbrado
                            <input
                                type="text"
                                ng-model="comprobante.transaccion.numeroTimbrado"
                                ng-pattern="/^[0-9]{8}$/"
                                maxlength="8"
                                required
                                uppercase
                            />
                        </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="small-4 large-4 columns">
                    <label
                        >Condición de Compra
                        <select
                            ng-model="comprobante.transaccion.condicionCompra"
                            required
                        >
                            <option value="CONTADO">Contado</option>
                            <option value="CREDITO">Crédito</option>
                        </select>
                    </label>
                </div>
                <div class="small-2 large-2 columns end">
                    <div
                        ng-if="comprobante.transaccion.condicionCompra == 'CREDITO'"
                        class="if-animado"
                    >
                        <label
                            >Número de cuotas
                            <input
                                type="text"
                                decimal-number="{ maxDecimals: 0, min: 1, preventInvalidInput: true }"
                                ng-model="comprobante.transaccion.cuotas"
                                maxlength="2"
                                class="numberEntry"
                                required
                            />
                        </label>
                    </div>
                </div>
            </div>
        </fieldset>

<fieldset>
            <legend>
                Detalle del Comprobante ({{comprobante.detalle.length}}
                registro<span ng-show="comprobante.detalle.length>1">s</span>)
            </legend>

<div class="bloqueInformacion">
                <div class="row no-col-padding">
                    <div class="small-1 large-1 columns">
                        <label>Cantidad</label>
                    </div>
                    <div class="small-2 large-2 columns">
                        <label>Precio Unitario</label>
                    </div>
                    <div class="small-1 large-1 columns">
                        
                        <label>Tasa</label>
                        
                    </div>
                    <div class="small-2 large-2 columns totales">
                        <label>Impuesto</label>
                    </div>
                    <div class="small-2 large-2 columns totales">
                        <label>Totales</label>
                    </div>
                    <div class="small-4 large-4 columns">
                        <label>Descripción</label>
                    </div>
                </div>
                <div
                    ng-repeat="item in comprobante.detalle"
                    class="animacion-repeat"
                >
                    <div class="row no-col-padding" id="item_{{$index}}">
                        <div class="small-1 large-1 columns">
                            <input
                                type="text"
                                class="numberEntry"
                                ng-change="modificaDetalle(item)"
                                decimal-number="{ maxDecimals: 3, min: 0.001,  preventInvalidInput: true }"
                                ng-model="item.cantidad"
                                required
                            />
                        </div>
                        <div class="small-2 large-2 columns">
                            <div ng-if="comprobante.retencion.moneda == 'PYG'">
                                <input
                                    type="text"
                                    class="numberEntry"
                                    ng-change="modificaDetalle(item)"
                                    decimal-number="{ maxDecimals: 0, min: 1,  preventInvalidInput: true }"
                                    ng-model="item.precioUnitario"
                                    required
                                />
                            </div>
                            <div ng-if="comprobante.retencion.moneda != 'PYG'">
                                <input
                                    type="text"
                                    class="numberEntry"
                                    ng-change="modificaDetalle(item)"
                                    decimal-number="{ maxDecimals: 2, min: 0.01,  preventInvalidInput: true }"
                                    ng-model="item.precioUnitario"
                                    required
                                />
                            </div>
                        </div>
                        <div class="small-1 large-1 columns">
                            
                            <select
                                name="impuesto"
                                ng-change="modificaDetalle(item)"
                                ng-model="item.tasaAplica"
                                required
                            >
                                <option value="0">Exento</option>
                                <option value="5">5%</option>
                                <option value="10">10%</option>
                            </select>
                            
                        </div>
                        <div class="small-2 large-2 columns">
                            <div class="totales">
                                <input
                                    type="text"
                                    readonly="readonly"
                                    class="numberEntry"
                                    value="{{item.impuestoAl10 + item.impuestoAl5 | decimal:0}}"
                                    required
                                />
                            </div>
                        </div>
                        <div class="small-2 large-2 columns">
                            <div class="totales">
                                <input
                                    type="text"
                                    readonly="readonly"
                                    class="numberEntry"
                                    value="{{item.precioTotal|decimal:0}}"
                                    required
                                />
                            </div>
                        </div>
                        <div class="small-4 large-4 columns">
                            <div style="float: left; width: 88%">
                                <input
                                    type="text"
                                    ng-model="item.descripcion"
                                    maxlength="200"
                                    required
                                    uppercase
                                />
                            </div>
                            <div ng-if="comprobante.detalle.length > 1">
                                <div>
                                    <a
                                        name="quitarComprobante"
                                        class="icono-derecha extra-tiny"
                                        ng-click="eliminarItem($index)"
                                        title="Quitar Detalle de Comprobante"
                                    >
                                        <i class="fa fa-trash size-16"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="twelve columns">
                    <button
                        name="btnAgregar"
                        type="button"
                        ng-click="nuevoItem()"
                        class="tiny secondary button"
                    >
                        <i class="fa fa-plus"></i>Agregar
                    </button>
                </div>
            </div>
        </fieldset>

<fieldset>
            <legend>
                Totales
                <span ng-if="comprobante.retencion.moneda != 'PYG'"
                    >({{nombreMoneda()}})</span
                >
            </legend>
            <table>
                
                <thead>
                    <tr>
                        <td> </td>
                        <td>Exentas</td>
                        <td>IVA 5%</td>
                        <td>IVA 10%</td>
                        <td>Total</td>
                    </tr>
                </thead>
                <tbody>
                    
                    <tr>
                        <td>Valor Parcial</td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.valorTotalExento | decimal:0}}"
                            />
                        </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.valorTotalAl5 | decimal:0}}"
                            />
                        </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.valorTotalAl10 | decimal:0}}"
                            />
                        </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.valorTotal | decimal:0}}"
                            />
                        </td>
                    </tr>

<tr>
                        <td>Liquidación IVA</td>
                        <td> </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.impuestoTotalAl5|decimal:0}}"
                            />
                        </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.impuestoTotalAl10|decimal:0}}"
                            />
                        </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.impuestoTotal | decimal:0}}"
                            />
                        </td>
                    </tr>
                    <tr>
                        <td>Total a Pagar</td>
                        <td>
                             
                        </td>
                        <td>
                             
                        </td>
                        <td>
                             
                        </td>
                        <td>
                            <input
                                type="text"
                                readonly="readonly"
                                class="numberEntry"
                                value="{{comprobante.totales.valorTotal | decimal:0}}"
                            />
                        </td>
                    </tr>
                </tbody>
            </table>
        </fieldset>
        <div ng-if="comprobante.retencion.retencionIva">
            <fieldset>
                <legend>Retención de IVA</legend>
                <div class="bloqueRetencion">
                    <div class="row">
                        <div class="small-3 columns">
                            <div id="bloqueIva5">
                                <div class="row">
                                    <div class="small-12 columns text-center">
                                        <strong>IVA 5%</strong>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="small-12 columns end">
                                        <label
                                            >Base de la Retención
                                            <input
                                                type="text"
                                                readonly="readonly"
                                                class="numberEntry"
                                                value="{{comprobante.retencion.ivaBase5 | decimal:0}}"
                                            />
                                        </label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="small-12 columns end">
                                        <label
                                            >Porcentaje de la Retención
                                            <div
                                                class="row collapse postfix-radius"
                                            >
                                                <div
                                                    class="small-7 large-7 columns"
                                                >
                                                    <select
                                                        ng-change="refrescaTotales()"
                                                        ng-model="comprobante.retencion.ivaPorcentaje5"
                                                        float
                                                        required
                                                    >
                                                        <option value="100"
                                                            >100</option
                                                        >
                                                        <option value="70"
                                                            >70</option
                                                        >
                                                        <option value="50"
                                                            >50</option
                                                        >
                                                        <option value="30"
                                                            >30</option
                                                        >
                                                        <option value="10"
                                                            >10</option
                                                        >
                                                        <option value="0.90909"
                                                            >0,90909</option
                                                        >
                                                        <option value="0"
                                                            >0</option
                                                        >
                                                    </select>
                                                </div>
                                                <div
                                                    class="small-5 large-5 columns"
                                                >
                                                    <span class="postfix"
                                                        >%</span
                                                    >
                                                </div>
                                            </div>
                                        </label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="small-12 columns end">
                                        <label
                                            >Total Retenido IVA
                                            <input
                                                type="text"
                                                readonly="readonly"
                                                class="numberEntry"
                                                value="{{comprobante.retencion.ivaTotal5|decimal:0}}"
                                            />
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="small-3 columns end">
                            <div id="bloqueIva10">
                                <div class="row">
                                    <div class="small-12 columns text-center">
                                        <strong>IVA 10%</strong>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="small-12 columns end">
                                        <label
                                            >Base de la Retención
                                            <input
                                                type="text"
                                                readonly="readonly"
                                                class="numberEntry"
                                                value="{{comprobante.retencion.ivaBase10 | decimal:0}}"
                                            />
                                        </label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="small-12 columns end">
                                        <label
                                            >Porcentaje de la Retención
                                            <div
                                                class="row collapse postfix-radius"
                                            >
                                                <div
                                                    class="small-7 large-7 columns"
                                                >
                                                    <select
                                                        ng-change="refrescaTotales()"
                                                        ng-model="comprobante.retencion.ivaPorcentaje10"
                                                        float
                                                        required
                                                    >
                                                        <option value="100"
                                                            >100</option
                                                        >
                                                        <option value="70"
                                                            >70</option
                                                        >
                                                        <option value="50"
                                                            >50</option
                                                        >
                                                        <option value="30"
                                                            >30</option
                                                        >
                                                        <option value="0.90909"
                                                            >0,90909</option
                                                        >
                                                        <option value="0"
                                                            >0</option
                                                        >
                                                    </select>
                                                </div>
                                                <div
                                                    class="small-5 large-5 columns"
                                                >
                                                    <span class="postfix"
                                                        >%</span
                                                    >
                                                </div>
                                            </div>
                                        </label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="small-12 columns end">
                                        <label
                                            >Total Retenido IVA
                                            <input
                                                type="text"
                                                readonly="readonly"
                                                class="numberEntry"
                                                value="{{comprobante.retencion.ivaTotal10|decimal:0}}"
                                            />
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
        
        <div ng-if="comprobante.retencion.retencionRenta">
            <fieldset>
                <legend>Retención de Renta</legend>
                <div class="bloqueRetencion">
                    <div class="row">
                        <div class="small-3 large-3 columns">
                            <label
                                >Base de la Retención
                                <input
                                    type="text"
                                    readonly="readonly"
                                    class="numberEntry"
                                    value="{{comprobante.retencion.rentaBase|decimal:0}}"
                                />
                            </label>
                        </div>
                        <div
                            class="small-3 large-3 columns"
                            ng-if="comprobante.retencion.habilitadoRentaCabezas"
                        >
                            <label
                                >Base de la Retención
                                <input
                                    type="text"
                                    class="numberEntry"
                                    ng-change="refrescaTotales()"
                                    ng-model="comprobante.retencion.rentaCabezasBase"
                                    decimal-number="{ maxDecimals: 0, preventInvalidInput: true, min: 0 }"
                                    required
                                />
                            </label>
                        </div>
                        <div
                            class="small-3 large-3 columns end"
                            ng-if="comprobante.retencion.habilitadoRentaToneladas"
                        >
                            <label
                                >Base de la Retención
                                <input
                                    type="text"
                                    class="numberEntry"
                                    ng-change="refrescaTotales()"
                                    ng-model="comprobante.retencion.rentaToneladasBase"
                                    decimal-number="{ maxDecimals: 0, preventInvalidInput: true, min: 0 }"
                                    required
                                />
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-3 large-3 columns end">
                            <label
                                >Porcentaje de la Retención
                                <div class="row collapse postfix-radius">
                                    <div class="small-7 large-7 columns">
                                        <select
                                            ng-change="refrescaTotales()"
                                            ng-model="comprobante.retencion.rentaPorcentaje"
                                            float
                                            required
                                        >
                                            <option value="30">30</option>
                                            <option value="20">20</option>
                                            <option value="15">15</option>
                                            <option value="10">10</option>
                                            <option value="8">8</option>
                                            <option value="4.5">4,5</option>
                                            <option value="3">3</option>
                                            <option value="2.4">2.4</option>
                                            <option value="2">2</option>
                                            <option value="1.5">1,5</option>
                                            <option value="1">1</option>
                                            <option value="0.5">0,5</option>
                                            <option value="0.4">0,4</option>
                                            <option value="0">0</option>
                                        </select>
                                    </div>
                                    <div class="small-5 large-5 columns">
                                        <span class="postfix">%</span>
                                    </div>
                                </div>
                            </label>
                        </div>
                        <div
                            class="small-3 large-3 columns"
                            ng-if="comprobante.retencion.habilitadoRentaCabezas"
                        >
                            <label
                                >Retención por Cabezas
                                <div class="row collapse postfix-radius">
                                    <div class="small-7 large-7 columns">
                                        <input
                                            type="text"
                                            class="numberEntry"
                                            ng-change="refrescaTotales()"
                                            ng-model="comprobante.retencion.rentaCabezasCantidad"
                                            decimal-number="{ maxDecimals: 0, preventInvalidInput: true, min: 0 }"
                                            required
                                        />
                                    </div>
                                    <div class="small-5 large-5 columns">
                                        <span class="postfix">cabezas</span>
                                    </div>
                                </div>
                            </label>
                        </div>
                        <div
                            class="small-3 large-3 columns end"
                            ng-if="comprobante.retencion.habilitadoRentaToneladas"
                        >
                            <label
                                >Retención por Toneladas
                                <div class="row collapse postfix-radius">
                                    <div class="small-7 large-7 columns">
                                        <input
                                            type="text"
                                            class="numberEntry"
                                            ng-change="refrescaTotales()"
                                            ng-model="comprobante.retencion.rentaToneladasCantidad"
                                            decimal-number="{ maxDecimals: 0, preventInvalidInput: true, min: 0 }"
                                            requried
                                        />
                                    </div>
                                    <div class="small-5 large-5 columns">
                                        <span class="postfix">toneladas</span>
                                    </div>
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="small-3 large-3 columns">
                            <label
                                >Total Retenido Renta
                                <input
                                    type="text"
                                    readonly="readonly"
                                    class="numberEntry"
                                    value="{{comprobante.retencion.rentaTotal | decimal:0}}"
                                />
                            </label>
                        </div>
                        <div
                            class="small-3 large-3 columns"
                            ng-if="comprobante.retencion.habilitadoRentaCabezas"
                        >
                            <label
                                >Total Retenido
                                <input
                                    type="text"
                                    readonly="readonly"
                                    class="numberEntry"
                                    value="{{comprobante.retencion.rentaCabezasTotal | decimal:0}}"
                                />
                            </label>
                        </div>
                        <div
                            class="small-3 large-3 columns end"
                            ng-if="comprobante.retencion.habilitadoRentaToneladas"
                        >
                            <label
                                >Total Retenido
                                <input
                                    type="text"
                                    readonly="readonly"
                                    class="numberEntry"
                                    value="{{comprobante.retencion.rentaToneladasTotal | decimal:0}}"
                                />
                            </label>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>

<div class="row">
            <div class="small-8 columns">
                <div ng-include="'barraBotones.html'"></div>
            </div>
            <div class="small-4 columns text-right">
                <div ng-if="comprobante.id">
                    <button
                        class="tiny alert button"
                        type="button"
                        title="Eliminar el comprobante ingresado"
                        data-reveal-id="quitarDocumento"
                    >
                        <i class="fa fa-trash-o size-18"></i>Eliminar
                    </button>
                </div>
            </div>
        </div>
    </form>
    
    
    <div
        id="datosMarangatu"
        class="reveal-modal small"
        data-options="close_on_background_click: false;close_on_esc: false;"
        data-reveal
    >
        <div class="row">
            <div class="small-12 large-12 columns" style="text-align: center;">
                <h3><i class="fa fa-login"></i>Usuario</h3>
            </div>
        </div>
    </div>
    
    <div
        id="datosGuardados"
        class="reveal-modal small"
        data-options="close_on_background_click: false;close_on_esc: false;"
        data-reveal
    >
        <div id="dialogoEsperaEnvio" ng-show="pantalla.envioInformacion">
            <div class="text-center">
                <div class="row">
                    <div class="twelve columns">
                        <i class="fa fa-spinner fa-spin"></i>
                        Enviando
                    </div>
                </div>
            </div>
        </div>
        <div id="opcionesDeEnvio" ng-show="!pantalla.envioInformacion">
            <div class="row">
                <div
                    class="small-12 large-12 columns"
                    style="text-align: center;"
                >
                    
                    <h5>
                        <span
                            >El Comprobante ha sido almacenado de forma
                            exitosa</span
                        >
                    </h5>
                </div>
            </div>
            <br />
            <div class="text-center">
                <form
                    name="autenticacion"
                    ng-submit="enviarInformacion()"
                    novalidate
                >
                    <fieldset>
                        <legend>Identificación Marangatú</legend>
                        <div class="row vertical-margin">
                            <div class="small-6 large-6 columns">
                                <div class="row collapse">
                                    <div class="small-10 columns">
                                        <input
                                            type="text"
                                            ng-model="marangatu.usuario"
                                            placeholder="Usuario"
                                            maxlength="30"
                                            required
                                        />
                                    </div>
                                    <div class="small-2 columns">
                                        <span class="postfix radius">
                                            <i class="fa fa-user"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="small-6 large-6 columns">
                                <div class="row collapse">
                                    <div class="small-10 columns">
                                        <input
                                            type="password"
                                            ng-model="marangatu.clave"
                                            placeholder="Contraseña"
                                            maxlength="30"
                                            required
                                        />
                                    </div>
                                    <div class="small-2 columns">
                                        <span class="postfix radius">
                                            <i class="fa fa-lock"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row text-left">
                            <div class="small-12 large-12 columns">
                                <label>
                                    <input
                                        type="checkbox"
                                        ng-model="marangatu.recordar"
                                    />
                                    Recordar Contraseña durante esta sesión de
                                    trabajo
                                </label>
                            </div>
                        </div>
                    </fieldset>
                    <div class="row">
                        <div class="small-12 large-12 columns">
                            <button
                                type="submit"
                                class="button small expand"
                                title="Enviar información"
                            >
                                <i class="fa fa-paper-plane"></i>
                                Enviar Información
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div style="text-align: center">
                <div class="row">
                    <div class="small-6 large-6 columns">
                        <a
                            href="index.html"
                            class="button small expand radius"
                            onclick="$('#datosGuardados').foundation('reveal','close');"
                        >
                            <i class="step fa fa-home"></i>Inicio
                        </a>
                    </div>
                    <div class="small-6 large-6 columns">
                        <button
                            type="button"
                            class="secondary button small expand radius"
                            onclick="$('#opcionesDeEnvio').foundation('reveal','close');"
                        >
                            <i class="icono-boton fa fa-reply"></i>Cancelar
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div
        id="datosEnviados"
        class="reveal-modal medium"
        data-options="close_on_background_click: false;close_on_esc: false;"
        data-reveal
    >
        <div class="row">
            <div class="small-12 large-12 columns" style="text-align: center;">
                <h3><i class="fa fa-paper-plane icono-exito"></i>Enviado</h3>
                <h5>
                    <span>Los datos han sido enviados</span>
                </h5>
            </div>
        </div>
        <br />
        <br />
        <div style="text-align: center">
            <div class="row">
                <div class="small-12 large-12 columns">
                    
                    <a
                        href="impresion.html#!/comprobante?id={{comprobante.id}}"
                        class="button small expand"
                        title="Imprimir"
                    >
                        <i class="fa fa-print"></i>
                        Imprimir</a
                    >
                </div>
            </div>
        </div>
        <div style="text-align: center">
            <div class="row">
                <div class="small-6 columns">
                    <a
                        href="index.html"
                        class="button small expand radius"
                        onclick="$('#datosGuardados').foundation('reveal','close');"
                    >
                        <i class="step fa fa-home"></i>Inicio
                    </a>
                </div>
                <div class="small-6 columns">
                    <a
                        href="#!/nuevocomprobante"
                        class="button small expand radius"
                    >
                        <i class="fa fa-file-text-o"></i>Nuevo Comprobante</a
                    >
                </div>
            </div>
        </div>
    </div>
    
    <div
        id="dialogoAlerta"
        class="reveal-modal small"
        data-options="close_on_background_click: false;close_on_esc: false;"
        data-reveal
    >
        <div class="row">
            <div class="small-12 large-12 columns" style="text-align: center;">
                <h3><i class="fa fa-warning icono-error"></i>Atención</h3>
            </div>
        </div>
        <br />
        <div ng-repeat="mensaje in mensajes">
            <div class="row">
                <div
                    class="small-12 large-12 columns"
                    ng-class="{'negrita': mensaje.negrita}"
                >
                    {{mensaje.texto}}
                </div>
            </div>
            <br />
        </div>
        <div class="row">
            <div class="small-12 large-12 columns">
                <button
                    type="button"
                    onclick="$('#dialogoAlerta').foundation('reveal','close');"
                    class="button small expand error"
                    title="Aceptar"
                >
                    Continuar
                </button>
            </div>
        </div>
    </div>

<div id="quitarDocumento" class="reveal-modal medium" data-reveal>
        <div class="row">
            <div class="large-12 columns">
                <h3>Quitar Comprobante Virtual</h3>

<p class="lead">
                    Esta seguro que desea eliminar la información del
                    comprobante virtual?
                </p>
                <br />
                <br />
            </div>
        </div>

<form name="datos" ng-submit="quitarDocumento(true)" novalidate>
            <div class="row">
                <div class="large-12 columns">
                    <div class="button-bar">
                        <ul class="button-group">
                            <li>
                                <button
                                    class="small button default"
                                    type="submit"
                                >
                                    <i class="fa fa-trash"></i>
                                    Confirmar
                                </button>
                            </li>
                            <li>
                                <button
                                    class="small button secondary"
                                    onclick="$('#quitarDocumento').foundation('reveal','close');"
                                    type="button"
                                >
                                    <i class="fa fa-reply"></i>
                                    Cancelar
                                </button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </form>
        </div>
</div>