Importante: Debe proporcionar toda la información que a continuación se le solicita.
<div id="divGenerales">
 <br>
<div class="tituloSeccion">Datos generales</div>

            <div class="row">
                <div class="col" style="text-align:right">
                <label style="text-align:right!important" for="rfc">RFC</label>              
                
                </div>
                <div class="col" style="text-align:left">                
                                
                </div>
            </div>
            <div class="row">
                <div class="col" style="text-align:right">
                <label style="text-align:right!important" for="correoLaboral">Correo laboral</label>              
                
                </div>
                <div class="col" style="text-align:left">                
                                
                </div>
            </div>

            <div class="row">
                <div class="col" style="text-align:right">
                <label style="text-align:right!important" for="correoPersonal">Correo personal</label>              
                
                </div>
                <div class="col" style="text-align:left">                
                                
                </div>
            </div>

             <div class="row">
                <div class="col" style="text-align:right">
                <label style="text-align:right!important" for="telefono">Tel&#xE9;fono</label>              
                
                </div>
                <div class="col" style="text-align:left">                
                                
                </div>
            </div>


            <div class="row">
                <div class="col" style="text-align:right">
                <label style="text-align:right!important" for="tipoPersona">Tipo persona</label>              
                
                </div>
                <div class="col" style="text-align:left">                
                  Moral         
                </div>
            </div>

            
</div>

<div id="divPersonaFisica">
 
<br>
<br>
<div class="tituloSeccion">
    Información de personas físicas y/o socios  <a class="li" style="color:#D78823!important;font-size:14pt" data-ajax="true" data-ajax-update="#divPersonaFisica" data-bs-toggle="tooltip" data-bs-placement="top" title="Agregar información de personas físicas y/o socios" href="/portalmanifiesto/Home/agregarPersonaFisica">
        <img style=" width: 35px;" src="/portalmanifiesto/images/iconos/Agregar.png">&nbsp;Agregar<br>
      
</a>
</div>
<script>

    function activarTooltips() {
        const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
        tooltipTriggerList.forEach(function (tooltipTriggerEl) {
            new bootstrap.Tooltip(tooltipTriggerEl);
        });
    }

    document.addEventListener('DOMContentLoaded', activarTooltips);

    $(document).on('ajaxSuccess', function () {
        activarTooltips();
    });

    $(document).on('click', '.btnEliminar', function (e) {
        e.preventDefault();
        var personaId = $(this).data('id');
        var fila = $(this).closest('tr');

        Swal.fire({
            title: '¿Estás seguro?',
            text: "¡No podrás revertir esto!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#aaa',
            confirmButtonText: 'Sí, eliminar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '/portalmanifiesto/Home/EliminarPersonaFisica',
                    type: 'POST',
                    data: { id: personaId },
                    success: function (response) {
                        if (response.success) {
                            fila.remove();
                            Swal.fire('Eliminado', response.message, 'success');
                        } else {
                            Swal.fire('Error', response.message, 'error');
                        }
                    },
                    error: function () {
                        Swal.fire('Error', 'Ocurrió un error al intentar eliminar.', 'error');
                    }
                });
            }
        });
    });
</script>

</div>


<div id="divDocumento">
 <br><br>
<div class="tituloSeccion">Documento manifiesto</div>
<div  style="text-align:justify">
Importante: Su documento debe estar debidamente llenado conforme a los formatos que se tienen establecidos, éste debe estar en formato PDF y firmado, de lo contrario no será considerado válido, además la información del documento debe ser consistente con la información que se captura en el formulario.
</div>  
<br> 
<div class="row">
                <div class="col" style="text-align:right">
                Formatos          
                
                </div>
                <div class="col" style="text-align:left">       
                  <a href="https://plataformadigital.guanajuato.gob.mx/resources/files/FORMATO%20DE%20MANIFIESTO%20DE%20PARTICULARES%20PERSONA%20FISICA.docx" target="_blank"><img src="/portalmanifiesto/images/Icono_Word.png" style="width:38px;height:30px" /> Formato manifiesto para persona física</a>
                    <br> 
                     <a href="https://plataformadigital.guanajuato.gob.mx/resources/files/FORMATO%20DE%20MANIFIESTO%20DE%20PARTICULARES%20PERSONA%20MORAL.docx" target="_blank"><img src="/portalmanifiesto/images/Icono_Word.png" style="width:38px;height:30px" /> Formato manifiesto para persona moral</a>
                    <br> 
                    <br> 
                </div>
 </div>

<div class="row mb-3">
    <div class="col" style="text-align:right">
        Documento manifiesto
    </div>
    <div class="col" style="text-align:left">
        <!-- Input para seleccionar archivo PDF -->
        <input type="file" id="myfile" class="form-control" accept=".pdf" onchange="habilitarBoton()" />
    </div>
</div>


<div class="row mt-5">
    <div class="col text-center">
        <div id="mensajeSeleccion" style="color: red; margin-top: 8px;">
            Primero debes seleccionar un documento PDF, para poder subirlo.
        </div>
        <button type="button"
                id="btnSubirDocumento"
                class="btn btn-info"
                disabled
                onclick="uploadcsvfile()">
            Subir documento
        </button>
        
    </div>
</div>


<br><br>


 
<script>
 

        // Habilita el botón solo si se selecciona un archivo PDF
    function habilitarBoton() {
        const fileInput = document.getElementById('myfile');
        const uploadButton = document.getElementById('btnSubirDocumento');
        const mensaje = document.getElementById('mensajeSeleccion');

        if (fileInput.files.length > 0 && fileInput.files[0].type === "application/pdf") {
            uploadButton.disabled = false;
            mensaje.style.display = "none"; // Oculta el mensaje
        } else {
            uploadButton.disabled = true;
            mensaje.style.display = "block"; // Muestra el mensaje
        }
    }

     $("#progress").hide();
    
</script>
</div>

<div class="form-group text-center">
    <a data-bs-toggle="tooltip" data-bs-placement="top" title="Ir al inicio" class="btn btn-home d-inline-block" style="
       padding: 10px 20px;
       font-size: 16px;
       text-align: center;
       border-radius: 6px;
       min-width: 120px;
       border: 2px solid #004F59;
       background-color: transparent;
       color: #004F59;
       transition: background-color 0.3s, color 0.3s, filter 0.3s;
       text-decoration: none;
     " href="/portalmanifiesto">
        <img src="/portalmanifiesto/images/iconos/home.png" class="icon-home" style="width: 45px; display: block; margin: 0 auto 5px auto; transition: filter 0.3s;">
        Inicio
    </a>

    <style>
        .btn-home:hover {
            background-color: #004F59 !important;
            color: white !important;
            text-decoration: none;
        }

            .btn-home:hover .icon-home {
                filter: invert(1);
            }
    </style>
</div>