<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head id="j_idt2">
        <title></title>
        <meta charset="utf-8" />        
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="cache-control" content="max-age=0" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expires" content="0" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        
        
        <link rel="stylesheet" href="../../resources/estilos/bootstrap-3.3.7/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../../resources/styles/complemento.css" />
        <link rel="stylesheet" href="../../resources/styles/fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
        
        <link rel="stylesheet" href="../../resources/estilos/fel.css" />
        <link rel="stylesheet" href="../../resources/estilos/felPrint.css" type="text/css" media="print" />

        <link rel="stylesheet" href="../../resources/styles/angular-chips/1.0.0/angular-chip-main.css" />
        <link rel="stylesheet" href="../../resources/styles/complemento.css" />

        
        
        <script type="application/javascript" src="../../resources/scripts/librerias/jquery/1.12.4/jquery.min.js"></script>
        
        <script type="application/javascript" src="../../resources/estilos/bootstrap-3.3.7/js/bootstrap.min.js"></script>

        <link rel="stylesheet" href="../../resources/styles/angular-motion/0.4.4/angular-motion.min.css" />
        <link rel="stylesheet" href="../../resources/styles/angular-motion/0.4.4/bootstrap-additions.css" />

        
        <script type="application/javascript" src="../../resources/scripts/librerias/angularjs/1.5.8/angular.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/i18n/1.0.8/angular-locale_es-gt.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/angularjs/1.5.8/angular-route.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/angularjs/1.5.8/angular-animate.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/angularjs/1.5.8/angular-aria.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/angularjs/1.5.8/angular-messages.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/angularjs/1.5.8/angular-sanitize.min.js"></script>
        
        <script type="application/javascript" src="../../resources/scripts/librerias/angular-table/1.0.7/angular-table.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/ng-mask-master/ng-mask-1.0.1.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/recaptcha/angular-recaptcha.js"></script>
        <script type="application/javascript" src="../../resources/scripts/librerias/recaptcha/angular-recaptcha.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/vendor/ui-mask/1.8.7/mask.min.js"></script>       
        <script type="application/javascript" src="../../resources/scripts/vendor/angular-strap/2.3.12/angular-strap.min.js"></script>
        <script type="application/javascript" src="../../resources/scripts/vendor/angular-strap/2.3.12/angular-strap.tpl.min.js"></script>        
        <script type="application/javascript" src="../../resources/scripts/vendor/xml2json/xml2json.js"></script>       

        
            

                

        
        <script type="application/javascript" src="../../resources/scripts/app.js"></script>
        <script type="application/javascript" src="../../resources/scripts/ng-pattern-restrict.js"></script>        
        <script type="application/javascript" src="../../resources/scripts/servicios/felSrv.js"></script>
        <script type="application/javascript" src="../../resources/scripts/controladores/VerificarDteCtrl.js"></script>
        <script type="application/javascript" src="../../resources/scripts/controladores/mensajes.js"></script>        
        <script type="application/javascript" src="../../resources/scripts/controladores/validacionCUI.js"></script></head><body>
        <div ng-class="{'container':true}" ng-app="felApp" ng-controller="VerificarDteCtrl" style="font-size: 12px !important">

            
            <h2 class="textoAzul"></h2>

            
            <div class="panel-body">
                   <div class="loading" ng-show="mostrarPanelCargando">???cargando???</div>           


                <br />
                <fieldset ng-init="inicializaMetodo()">
                    <div class="pull-center">

                        <center> 
                            <div ng-show="!validacionCaptcha" vc-recaptcha="" key="'6LdZPo4UAAAAAGVnGd19itN40PVy5fKqdUjYWGce'" ng-model="gRecaptchaResponse" on-create="setWidgetId(widgetId)" g-recaptcha-response="response" on-success="verificarDte(true,response)" on-expire="cbExpiration()" lang=""></div>
                        </center>
                    </div>
                    <div ng-show="validacionCaptcha" class="panel-group" role="tablist" aria-multiselectable="true" bs-collapse="true">
                        <div class="panel panel-default">
                            <div class="panel-heading" ng-show="!resultadoConsulta.existeDte">
                                <h4>
                                    <i class=""></i> Verificación de DTE
                                </h4>
                            </div>
                            <fieldset ng-show="!resultadoConsulta.existeDte">

                                <div class="panel-body">
                                    <div class="form-group">
                                        <fieldset ng-disabled="!estadoMensaje">
                                            <center>
                                                <label style="font-size:  14px !important">
                                                    Utilice esta consulta para verificar la validez de los Documentos Tributarios Electrónicos (DTE) emitidos en el Régimen FEL    
                                                </label>

                                            </center>

                                            <br /><br />

                                            <div style="font-size:  14px !important">
                                                <center>
                                                    <div>
                                                        <label style="padding-right: 1.5em">Buscar por:</label>
                                                        <label>
                                                            Autorizacion
                                                            <input type="radio" ng-model="datosConsulta.tipoBusqueda" value="AUT" ng-click="limpiarAutorizacion(1)" style="padding-left: .3em" />
                                                        </label>
                                                        <label>
                                                            No. de acceso(Contingencia)
                                                            <input type="radio" ng-click="limpiarAutorizacion(2)" ng-model="datosConsulta.tipoBusqueda" value="ACC" /> 
                                                        </label>
                                                    </div>
                                                </center>

                                            </div>
                                            <br /><br />

                                            <div ng-show="datosConsulta.tipoBusqueda === 'AUT'">        
            
            <div class="col-md-4"><span class="help-block" style="font-weight: bold; color: black ">
                    No. de Autorización
                </span>

                <input class="form-control" type="text" onclick="this.setSelectionRange(0, this.value.length);" ng-model="datosConsulta.NumeroAutorizacion" placeholder="Ej. A0E1B324-1FA4-3E20-0C18B9413D6EA510" maxlength="37" ng-blur="validarAutorizacion(datosConsulta.NumeroAutorizacion)" ng-required="false" data-auto-select="true" data-animation="am-flip-x" bs-options="compl for compl in sinLista" bs-typeahead="" />
            </div>
                                            </div>



                                            <div ng-show="datosConsulta.tipoBusqueda === 'ACC'">
            

            <div class="col-md-4"><span class="help-block" style="font-weight: bold; color: black ">
                    Número de acceso:
                </span>
                <input class="form-control" type="number" ng-pattern-restrict="^([0-9]{0,9})$" ng-model="datosConsulta.NumeroAcceso" data-min-length="0" placeholder="Ej. 123456789" data-html="1" data-auto-select="true" ng-required="false" />
            </div>

                                            </div>        
            
            <div class="col-md-3"><span class="help-block" style="font-weight: bold; color: black ">
                    NIT Emisor
                </span>

                <input class="form-control" type="text" ng-pattern-restrict="^$|^([1-9\b]{1}([0-9]{0,}([0-9]|k|K{0,1})))$" onclick="this.setSelectionRange(0, this.value.length);" ng-model="datosConsulta.nitEmisor" placeholder="Ej. 1234567K" maxlength="25" ng-blur="validarNit(datosConsulta.nitEmisor, 'emisor')" ng-required="false" data-auto-select="true" data-animation="am-flip-x" bs-options="compl for compl in sinLista" bs-typeahead="" />
            </div>        
            
            <div class="col-md-3"><span class="help-block" style="font-weight: bold; color: black ">
                    ID del Receptor
                </span>

                <input class="form-control" type="text" ng-pattern-restrict="^[CF]{1,2}$|^$|^([1-9\b]{1}([0-9]{0,}([0-9]|k|K{0,1})))$|^$|^([A-Z0-9]{1,19})$" onclick="this.setSelectionRange(0, this.value.length);" ng-model="datosConsulta.idReceptor" placeholder="Ej. un NIT, un CUI, o ‘CF’" maxlength="25" ng-blur="validarNit(datosConsulta.idReceptor, 'receptor')" ng-required="false" data-auto-select="true" data-animation="am-flip-x" bs-options="compl for compl in sinLista" bs-typeahead="" />
            </div>
            

            <div class="col-md-2"><span class="help-block" style="font-weight: bold; color: black ">
                    Monto Total
                </span>
                <input class="form-control" type="number" style="font-size: 12px !important" ng-pattern-restrict="^([0-9]{0,})([.]{0,1})([0-9]{0,2})$" ng-model="datosConsulta.montoTotal" data-min-length="0" placeholder="Ej. 125500.08" data-html="1" data-auto-select="true" ng-required="false" />
            </div>

                                        </fieldset>
                                    </div>

                                    <br />
                                    <br />
                                    <div class="pull-center">

                                        <center>                                            
                                            <div vc-recaptcha="" key="'6LdZPo4UAAAAAGVnGd19itN40PVy5fKqdUjYWGce'" ng-model="gRecaptchaResponse" on-create="setWidgetId(widgetId)" g-recaptcha-response="response" on-success="setResponseCatpcha(response)" on-expire="cbExpiration()" lang="" ng-show="recaptchaSize"></div>



                                            <br />
                                            <br />

                                            
                                            
                                            <button ng-disabled="!estadoMensaje || !resultadoValidacion" type="button" class="btn btn-primary oculto" ng-click="verificarDte(false, responseCatpcha)" data-animation="am-fade-and-slide-top" style="margin-bottom: 10px !important; padding-right: 1em !important">
                                                <i class="glyphicon glyphicon-search"></i>  
                                                Buscar
                                            </button>



                                            <button type="button" class="btn btn-primary oculto" ng-click="nuevaConsulta()" style="margin-bottom: 10px !important; padding-right: 1em !important">
                                                Limpiar
                                            </button>  


                                            <div ng-show="!estadoMensaje">

                                                <br />

                                                <label style="color: red">No se encontró el documento que intenta verificar, asegúrese de haber ingresado correctamente los parámetros de búsqueda. </label>
                                                <label style="color: red">Tenga en cuenta que algunos DTE, luego de la Emisión podrían tardar hasta  6 días en aparecer en este verificador. </label>
                                                <br />
                                                <label style="color: red">Haga clic en “Limpiar” si desea realizar una nueva consulta.</label>

                                                <br />

                                                <output ng-controller="mensajes">
                                                    {{msjDenuncias.title}}
                                                    <br />
                                                    <a href="https://felpub.c.sat.gob.gt/verificador-web/publico/vistas/{{msjDenuncias.content}}">{{msjDenuncias.content}}</a>
                                                </output>
                                            </div>
                                        </center>
                                    </div>
                                </div>

                            </fieldset>
                            <fieldset ng-show="resultadoConsulta.existeDte">
                                <div class="panel-body">
                                    <div class="form-group">
                                        <center>
                                            <div class="panel-heading" style="padding-bottom: 10px; padding-top: 10px; background-color: rgb(68, 114, 196); height: 35px !important">
                                                <a class="panel-title" ng-show="resultadoConsulta.estado === 'V'" style="color:  #ffffff !important; font-weight: bold; text-align: center !important">
                                                    Información del DTE
                                                </a>

                                                <a class="panel-title" ng-show="resultadoConsulta.estado === 'I'" style="color:  #ffffff !important; font-weight: bold; text-align: center !important">
                                                    DTE Anulado
                                                </a>
                                            </div>
                                        </center>
                                        <br />

                                        <table>
                                            <tr><td style="width: 33% !important">
                                                    <img src="../../resources/imagenes/sat.png" class="tamanioImagen" alt="" style="height: 75%;" />

                                                </td>
                                                <td style="width: 33% !important"></td>
                                                <td style="width: 33% !important"><img src="../../resources/imagenes/fel.png" class="tamanioImagen" alt="" style="height: 75%;" /></td></tr>

                                        </table>

                                        <div>
                                            <center>
                                                <label style="font-size: 22px !important">Régimen de Factura Electrónica en Línea</label><br />
                                                <label style="font-size: 22px !important">Verificación de Documento Tributario Electrónico</label>

                                            </center>
                                        </div>



                                        <table class="table table-condensed table-bordered table-striped" ng-show="resultadoConsulta.estado === 'V'">
                                            <thead>

                                                <tr>
                                                    <th colspan="2" scope="col" style="text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220);">
                                                        <label> {{resultadoConsulta.TIPO}}</label>
                                                        <br />
                                                        <label ng-show="resultadoConsulta.exportacion">-Exportación-</label>                                                    
                                                    </th>                                                    
                                                </tr>
                                                <tr>
                                                    <th colspan="2" scope="col" class="cell-Titulo">
                                                        <label> EMISIÓN</label>

                                                    </th>                                                    
                                                </tr>

                                            </thead> 

                                            <th class="displayItem" colspan="2" scope="col" style="Display: none; text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220);">
                                                <label>{{resultadoConsulta.TIPO}}</label>
                                                <br />
                                                <label ng-show="resultadoConsulta.exportacion">Exportacion</label>                                                    
                                            </th>    

                                            <th class="displayItem" colspan="3" style=" Display: none; text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220);">EMISIÓN</th>

                                            <tr><td class="cell-Texto">Fecha Emisión</td><td>{{resultadoConsulta.fechaEmision| date:'dd/MM/yyyy HH:mm:ss'}}</td></tr>
                                            <tr><td class="cell-Texto">Emisor</td><td>{{resultadoConsulta.nitEmisor}}-{{resultadoConsulta.nombreEmisor}}</td></tr>
                                            <tr><td class="cell-Texto">Establecimiento</td><td>{{resultadoConsulta.idEstablecimiento}}-{{resultadoConsulta.nombreEstablecimiento}}</td></tr>
                                            <tr><td class="cell-Texto">Receptor</td><td>{{resultadoConsulta.idReceptor}}-{{resultadoConsulta.nombreReceptor}}</td></tr>
                                            <tr><td class="cell-Texto">Monto Total</td><td>{{resultadoConsulta.moneda}} {{resultadoConsulta.granTotal| currency: "" : 2}}</td></tr>
                                            <tr><td class="cell-Texto">No. de acceso</td><td><div>{{datosConsulta.NumeroAcceso}}</div></td></tr>

                                            <thead>                                                                                           
                                                <tr>
                                                    <th colspan="2" scope="col" class="cell-Titulo">
                                                        <label> CERTIFICACIÓN</label>

                                                    </th>                                                    
                                                </tr>

                                            </thead>     
                                            <th class="displayItem" colspan="3" style=" Display: none; text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220);">CERTIFICACIÓN</th>
                                            <tr><td class="cell-Texto">Autorización:</td><td>{{resultadoConsulta.numeroUUID}}</td></tr>
                                            <tr><td class="cell-Texto">Serie</td><td>{{resultadoConsulta.serie}}</td></tr>
                                            <tr><td class="cell-Texto">Número del DTE</td><td>{{resultadoConsulta.numeroDocumento}}</td></tr>


                                            <thead>                                                                                           
                                                <tr>
                                                    <th colspan="2" scope="col" class="cell-Titulo">
                                                        <label> ACEPTACIÓN SAT</label>

                                                    </th>                                                    
                                                </tr>
                                            </thead> 
                                            <th class="displayItem" colspan="3" style=" Display: none; text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220);">ACEPTACIÓN SAT</th>
                                            <tr>
                                                <td class="cell-Texto">Acuse de recibo:</td><td style="word-break: break-all !important;">{{resultadoConsulta.faceId}}</td>
                                            </tr>

                                            <tfoot>                                                
                                                <th colspan="12" scope="col">
                                                    <label> Fecha de la consulta: {{resultadoConsulta.fechaHoraConsulta}}</label>
                                                </th>                                                                                                                                                  
                                            </tfoot>                                            
                                            <div style="border: 3px solid #92cddc !important;">
                                                <thead ng-show="!existeNotas">
                                                    <tr>
                                                        <th colspan="2" scope="col" class="cell-Titulo" style="border: 4px solid #92cddc !important; border-bottom: 1px solid #fff !important;">
                                                            <label> DOCUMENTOS QUE SE LE HAN APLICADO</label>

                                                        </th>       

                                                    </tr>
                                                </thead> 
                                                <th ng-show="!existeNotas" class="displayItem" colspan="3" style=" Display: none; text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220);">DOCUMENTOS QUE SE LE HAN APLICADO</th>
                                                <tr colspan="2" ng-show="!existeNotas">
                                                    <td colspan="2" style="border: 4px solid #92cddc !important;">

                                                        <table class="table table-condensed table-bordered table-striped" style="font-size: 10px !important">
                                                            <thead>
                                                                <tr>
                                                                    <th style="width: 15% !important; font-size: 12px;" class="text-center colorFondo">Tipo DTE</th>
                                                                    <th style="width: 15% !important; font-size: 12px" class="text-center colorFondo">Fecha emisión</th>
                                                                    <th style="width: 40% !important; font-size: 12px" class="text-center colorFondo">Autorización</th>
                                                                    <th style="width: 15% !important; font-size: 12px" class="text-center colorFondo">Monto</th>

                                                                </tr>
                                                            </thead>

                                                            <tbody>
                                                                <tr ng-repeat="det in resultadoConsulta.detalle.detalle" style="height: 28px !important; padding: 2px !important">                                                            
                                                                    <td data-label="Tipo DTE" style="text-align: center !important">{{det.tipo}}</td>
                                                                    <td scope="row" data-label="Fecha emisión" style="text-align: center !important">{{det.fechaHoraEmision| date:'dd/MM/yyyy'}}</td>
                                                                    <td scope="row" data-label="Autorización">{{det.numeroUUID}}</td>
                                                                    <td data-label="Monto" style="text-align: left">{{det.codigoMoneda}} {{det.granTotal| currency: "" : 2}}</td>


                                                                </tr>
                                                            </tbody>

                                                        </table>

                                                    </td>

                                                </tr>
                                            </div>


                                        </table>


                                        <table class="table table-condensed table-bordered table-striped" ng-show="resultadoConsulta.estado === 'I'">
                                            <thead>
                                                <tr>
                                                    <th colspan="2" scope="col" class="titulo-doc">
                                                        <label style="color: red"> DOCUMENTO ANULADO</label>

                                                    </th>                                                    
                                                </tr>


                                            </thead> 
                                            <th class="displayItem" colspan="3" style=" Display: none; text-align: center; font-size: 18px !important; background-color: rgb(146, 205, 220); color: red">DOCUMENTO ANULADO</th>
                                            <tr><td class="cell-Texto">No. Autorización:</td><td style="color: rgb(127,127,127) !important; font-weight: bold">{{resultadoConsulta.numeroUUID}}</td></tr>
                                            <tr><td class="cell-Texto">Fecha anulación:</td><td>{{resultadoConsulta.fechaHoraAnulacion| date:'dd/MM/yyyy HH:mm:ss'}}</td></tr>

                                            <tfoot>                                                
                                                <th colspan="12" scope="col">
                                                    <label> Fecha de la consulta: {{resultadoConsulta.fechaHoraConsulta}}</label>
                                                </th>                                                                                                                                                  
                                            </tfoot>

                                        </table>

                                        <center>                                                
                                            <output ng-controller="mensajes">
                                                {{msjVerificacion.title}}
                                                <br />
                                                <a href="https://felpub.c.sat.gob.gt/verificador-web/publico/vistas/{{msjVerificacion.url}}">{{msjVerificacion.content}}</a>
                                            </output>
                                            <br /><br /><br />

                                            <output>
                                             Recuerde que puede consultar y validar sus DTE en la Agencia Virtual, App FEL (<a href="https://play.google.com/store/apps/details?id=gob.sat.fel" target="_blank"> Android</a>, <a href="https://apps.apple.com/gt/app/fel/id1555900357" target="_blank"> IOS</a>,
                                             <a href="https://appgallery.huawei.com/app/C104282259" target="_blank"> App Gallery </a> ) o en el
                                             <a href="https://portal.sat.gob.gt/portal/verificador-integrado/" target="_blank">Verificador Integrado</a> desde el Portal SAT.
                                            </output>


                                            <br />

                                            

                                        </center>
                                    </div>
                                </div>

                                <div id="captchaModal" class="modal" tabindex="-1" role="dialog" data-backdrop="true">
                                    <div class="modal-content">
                                        <div class="pull-center">
                                            <center> 
                                                <div id="captchaModal" ng-show="validacionCaptcha">
                                                    <div vc-recaptcha="" key="'6LdZPo4UAAAAAGVnGd19itN40PVy5fKqdUjYWGce'" ng-model="gRecaptchaResponse" on-create="setWidgetId(widgetId)" g-recaptcha-response="response" on-success="descargarArchivo(opcion, nombreServicio, response)" on-expire="cbExpiration()" lang="">
                                                    </div>
                                                </div>
                                            </center>
                                        </div>
                                    </div>
                                </div>




                            </fieldset>                                                                                             
                        </div>
                    </div>
                </fieldset>





                <style type="text/css">

                    .modal {
                        display: none;
                        position: fixed;
                        z-index: 1;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        overflow: auto;
                        background-color: rgba(0,0,0,0.4);
                    }

                    .modal-content {
                        background-color: #fefefe;
                        margin: 15% auto;
                        padding: 20px;
                        border: 1px solid #888;
                        max-width: 90%;
                    }

                    #g-recaptcha {
                        max-width: 100%;
                    }


                    @media screen and (min-width: 600px) {

                        .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
                            border: 1px solid #92cddc !important;
                        }

                        tr
                        {
                            font-size: 16px !important;
                        }

                        td
                        {

                            background-color: #fff !important;
                        }

                        .cell-Texto{
                            width: 15% !important;
                            background-color: rgb(238, 236, 225) !important;
                        }

                        .cell-Titulo{
                            text-align: center;
                            font-size: 18px !important;
                            background-color: rgb(218, 238, 243) !important;
                        }

                        .titulo-doc{
                            text-align: center;
                            font-size: 18px !important;
                            background-color: rgb(146, 205, 220) !important;

                        }
                    }







                </style><label id="urlApiRest" style="display:none">https://felav02.c.sat.gob.gt/verificador-rest/rest</label>
            </div>

            
            <div class="panel-footer text-center oculto">
                <span></span>
                <br />
                <span>(versión 1.0.0 - build 20250806.1605)</span>
            </div>
        </div></body>
</html>