EVOLUTION-MANAGER

Edit File: descargar_comprobante.blade.php

@extends('layouts.master')
@section('style')
        <link href="{{asset('public/frontend/transparencia/wp-content/themes/jannah/assets/css/style.css')}}" id="tie-css-styles-css" media="all" rel="stylesheet" type="text/css"/>

<style>

.tooltip2 {
                position: relative;
                display: inline-block;
            }
            
            .tooltip2 .tooltiptext {
                visibility: hidden;
                line-height: initial;
                width: max-content;
                background-color: black;
                color: #fff;
                text-align: center;
                padding: 5px;
                border-radius: 6px;
                bottom: 100%;
                left: 50%;
                margin-left: -60px;
                position: absolute;
                z-index: 1;
                margin-bottom: 5px;
            }
            
            .tooltip2:hover .tooltiptext {
                visibility: visible;
            }

.tooltip2 .tooltiptext::after {
                content: " ";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: black transparent transparent transparent;
            }

</style>

@media (min-width:961px) {

.form_input{
                    min-width: 350px;
                }

.table_consulta input, select, button{
                    padding: 5px;
                    font-size: 15px !important;
                }

.table_consulta select{
                    height: 35px;
                }

}
        </style>

@endsection
@section('contenido')
<br>
            <div  role="main">
                <article class="container-wrapper post-content" id="the-post">
                    <header class="entry-header-outer">                                       
                        <div class="entry-header">
                            <h1 class="post-title entry-title">
                                Descargar Comprobante
                            </h1>
                        </div>
                        
                    </header>
                    
                    <div class="entry-content entry clearfix">
                        <div class="vc_row wpb_row vc_row-fluid">
                            <div class="wpb_column vc_column_container vc_col-sm-12">
                                <div class="vc_column-inner">
                                    <div class="wpb_wrapper">
                                        <h3 class="vc_custom_heading" style="font-size: 14px;text-align: left;font-family:Actor;font-weight:400;font-style:normal">
                                            Ingresa el numero de autorizaci&oacute;n para poder consultar los comprobantes disponibles para su descarga.
                                        </h3>
                                    </div>
                                </div>
                                <center>
                                    {{-- <div  class="vc_column-inner" style="text-align: center; width: max-content; text-align: left; font-size: 14px;">
                                        <div style="padding-top: 7px;">
                                            <select id="tipo_busqueda">
                                                <option value="cedula">Cedula/Ruc</option>
                                                <option value="ciu">CIU</option>
                                                <option value="clave">Clave Catastral</option>
                                            </select>
                                            <input type="text" placeholder="Ingrese Dato" name="valor" id="valor" class="ent">
                                        </div>
                                        <div style="padding-top: 7px;">
                                            <div class="tooltip2">C&oacute;digo:
                                                <span class="tooltiptext">
                                                    <span>Ingrese</span> 
                                                    <ul style="margin: 0;">
                                                        <li style="margin:0;">N&uacute;mero de emisi&oacute;n</li>
                                                        <li style="margin:0; float: left;"> O n&uacute;mero de pago</li>
                                                    </ul>
                                                </span>
                                            </div>
                                            <input type="text" placeholder="Ingrese el c&oacute;digo" name="codigo" id="codigo" class="ent">
                                            <label for="">Esto es una nota de pruebas</label> 
                                        </div>       
                                        <button type="submit" class="btn btn-success bnt-lg"   data-toggle="tooltip"  title="Buscar" style="margin-top: 7px;">
                                            <i class="fa fa-search" aria-hidden="true" onclick="validar_documento();"> Buscar</i>
                                        </button>
                                    </div> --}}
                                    
                                    <br>
                                    <table class="table_consulta">
                                        <tr>
                                            <td>
                                                <select id="tipo_busqueda">
                                                    <option value="cedula">Cedula/Ruc</option>
                                                    <option value="ciu">CIU</option>
                                                    <option value="clave">Clave Catastral</option>
                                                </select>
                                            </td>
                                            <td>
                                                <input type="number" class="form_input" placeholder="Ingrese Dato" name="valor" id="valor" class="ent">
                                            </td>
                                        </tr>

<tr>
                                            <td colspan="2">
                                                <input type="text" placeholder="Ingrese el c&oacute;digo" name="codigo" id="codigo" class="ent" style="width: 100%;">
                                                <div>
                                                    <label style="font-size: 12px; color: #0f8c2c;">
                                                        El c&oacute;digo es el n&uacute;mero de emisi&oacute;n o el n&uacute;mero de pago
                                                    </label> 
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td style="text-align: left;">
                                                <button type="submit" class="btn btn-success bnt-lg"   data-toggle="tooltip"  title="Buscar" style="margin-top: 7px;">
                                                    <i class="fa fa-search" aria-hidden="true" onclick="validar_documento();"> Buscar</i>
                                                </button>
                                            </td>
                                        </tr>
                                    </table>

</center>
                                <br>   
                            <div  class="vc_column-inner table-responsive" id="resultado_validacion" >                    
                            </div>
                            </div>
                        </div>                       
                    </div>
                </article>
            </div>
<div class="art-article" style="padding-top: 10px;padding-bottom: 150px;">
    <center>
        <div class="">    
            <div class="col-md-12">
                             
                               
            </div>
        </div>
    </center>  
</div>     
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
     <br>
@endsection
@section('script')

@endsection