{% extends "layout/base.html" %}
{% load static %}
{% block header_title %}Buscar declaraciones{% endblock %}
{% load bootstrap4 %}

{% block header_style %}
  <style>
    .switch {
      position: relative;
      display: inline-block;
      width: 45px;
      height: 20px;
    }

    .switch input { 
      opacity: 0;
      width: 0;
      height: 0;
    }

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 16px;
      width: 16px;
      left: 2px;
      bottom: 2px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #417800;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 30px;
    }

    .slider.round:before {
      border-radius: 50%;
    }
  </style>
{% endblock %}

{% block content %}
<form action="{% url 'declaracion:busqueda-declaraciones' %}" method="post" id="form_declaraciones">
  <section class="container body_content" style="max-width: 1500px;">
    <div class="row row-md ">
      <h1 class="text-gray text-xl font-weight-medium text-uppercase mt-5 line-height-md title-mobile text-mobile"><span class="text-primary-light font-weight-semibold">
      DECLARACIONES</span> Búsqueda</h1>
      
      <div id="ohsnap"></div>

      <div class="div_progress" style="width: 100%; height: 50px;">
      {% if estatus_proceso %}
        <div class="progress" style="width: 100%; height: 50px;">
            <div class="progress-bar progress-bar-striped active" role="progressbar"
            aria-valuenow="{{estatus_proceso}}" aria-valuemin="0" aria-valuemax="100" style="width:{{estatus_proceso}}%">
              {{estatus_proceso}}%
            </div>
          </div>
      {% endif %}
    </div>

      <div class="d-flex justify-content-center align-items-center flex-column flex-sm-row bg-gray p-4 rounded">
         {% csrf_token %}
         {%  bootstrap_field form.page %}
         <div class="row">
             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                 {% bootstrap_field form.folio  %}
             </div>
             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                 {% bootstrap_field form.tipo  field_class="solo_letras" %}
             </div>
              <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                 {% bootstrap_field form.estatus %}
             </div>
             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                 {% bootstrap_field form.filtro_fecha %}
             </div>
              <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                 {% bootstrap_field form.fecha_inicio %}
             </div>
             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                 {% bootstrap_field form.fecha_fin %}
             </div>
             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4 ">
                 <button class="btn btn-success text-uppercase font-weight-semibold mt-5" type="submit" >Buscar  <img src="{% static 'src/img/busqueda.svg' %}"/></button>
                 &nbsp;&nbsp;&nbsp;
                 <input class="btn btn-success text-uppercase font-weight-bold mt-5" type="reset" name="reset" value="Limpiar">
             </div>
             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-4 ">
                 <a href="#" class="btn btn-success text-uppercase font-weight-bold mt-5" data-toggle="modal" data-target="#ventana-modal" target="_blank">Reportes   <img width="18px" src="{% static 'src/img/impresora_blanco.png' %}"/></a>
                  &nbsp;&nbsp;&nbsp;
                   <button class="btn btn-success text-uppercase font-weight-bold mt-5" type="button" onclick="tableToExcel('testTable', 'W3C Example Table')" value="Export to Excel">Descargar Excel  </button>
             </div>
         </div>
      </div>

    </div>
   {% if result %}
    <div class="row row-md">
      <table class="table table-striped pagination:none" id="testTabl">
          <thead>
            <tr>
              <th scope="col">FOLIO</th>
              <th scope="col">TIPO</th>
              <th scope="col">AVANCE</th>
              <th scope="col">EXTENDIDA</th>
              <th scope="col">FECHA INICIO</th>
              <th scope="col">FECHA CIERRE</th>
              <th scope="col">ESTATUS</th>
              <th scope="col">VER</th>
              <th scope="col">ACUSE</th>
              <th scope="col">FORMATO PDF</th>
              <th scope="col">PUBLICO</th>
            </tr>
          </thead>
          <tbody>
          {% for r in list_declaraciones %}
            <tr archivo_declaraciones="{{r.archivo}}" cierre_declaracion="{{r.declaracion.cierre_declaracion}}">
              <td scope="row">{{ r.declaracion.folio }}</td> <!--FOLIO-->
              <td>{{ r.declaracion.cat_tipos_declaracion.codigo }}</td> <!--TIPO-->
              <td>{{ r.declaracion.avance }}%</td> <!--AVANCE-->
              <td>{% if r.declaracion.info_personal_fija.cat_puestos.codigo <= 15 %} No {% else %} Si {% endif%}</td> <!--EXTENDIDA-->
              <td>{{ r.declaracion.fecha_declaracion|date:"D d M Y"|default_if_none:"" }}</td> <!--FECHA INICIO-->
              <td>{{ r.declaracion.fecha_recepcion|date:"D d M Y"|default_if_none:"" }}</td><!--FECHA FIN-->
              <td>{{ r.declaracion.cat_estatus }}</td> <!--ESTATUS-->
              <td><a href="{%  url 'declaracion:info-declaracion' r.declaracion.pk 'declaracion' %}"> <img width="40px" src="{% static 'src/img/see_verde.png' %}"></a></td> <!--VER-->
              <td>{% if r.declaracion.cat_estatus.pk is 4%}<a href="{%  url 'pdf_confimacion' r.declaracion.pk %}" target="blank"> <img width="40px" src="{% static 'src/img/approve.png' %}"></a>{% else %} N/A {% endif %}</td> <!--ACUSE-->
              <td id="{{r.declaracion.pk}}_td_pdf">
                <center>
                {% if r.archivo %}
                  <div class="dropdown">
                    <button class="btn btn-link" type="button" id="dropdownMenuButton-{{area.pk}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img width="30px" src="{% static 'src/img/descargar.svg' %}"></button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-{{area.pk}}">
                        <span class="text-center">Opciones</span>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="{{r.archivo}}" target="_blank">Descargar</a>
                        <a href="#" class="a_declaracion_sin_pdf dropdown-item btn btn-link" declaracion="{{r.declaracion.pk}}" id="{{r.declaracion.pk}}_declaracion_sin_pdf">
                          Generar
                        </a>
                    </div>
                  </div>
                {% else %}
                  {% if r.declaracion.cat_estatus.pk == 4 %}

                    {% if r.estatus_proceso %}
                      <div class="progress">
                        <div class="progress-bar progress-bar-striped active" role="progressbar"
                        aria-valuenow="{{r.estatus_proceso}}" aria-valuemin="0" aria-valuemax="100" style="width:{{r.estatus_proceso}}%">
                          {{r.estatus_proceso}}%
                        </div>
                      </div>
                      {% else %}
                        <a href="#" class="a_declaracion_sin_pdf" declaracion="{{r.declaracion.pk}}" id="{{r.declaracion.pk}}_declaracion_sin_pdf">
                          <img style="width: 30px;" src="{% static 'src/img/descargar_gray.svg' %}" alt="Crear archivo" class="svg">
                        </a>
                    {% endif %}

                  {% endif %}
                {% endif %}
                </center>
              </td>
              <td> 
                {% if r.declaracion.cat_estatus.pk == 4 %}
                  <label class="switch" id="label_dato_publico_{{r.declaracion.pk}}">
                    <input 
                      type="checkbox" 
                      class="swtich_datos_publicos" 
                      id="checkbox_dato_publico_{{r.declaracion.pk}}" 
                      {% if r.declaracion.datos_publicos %} checked {% endif %}
                      declaracion_pk="{{r.declaracion.pk}}"
                      declaracion_folio="{{r.declaracion.folio}}"
                      declaracion_tipo="{{r.declaracion.cat_tipos_declaracion.codigo}}"
                    >
                    <span class="slider round" id="span_dato_publico_{{r.declaracion.dato_publico}}"></span>
                  </label>
                {% endif %}
              </td>
            </tr>
          {% endfor %}
          </tbody>
      </table>
    </div>

    <div class="row row-md text-center">
      <div class="col-12">
        <nav aria-label="Páginas" class="nav d-flex justify-content-center">
          <ul class="pagination flex-wrap">
          {% if result.has_previous %}
          <li class="page-item"><a class="page-link"  onclick="$('#id_page').val({{ result.previous_page_number }});$('#form_declaraciones').submit()" href="#">«</a></li>
           {% endif %}

          {% if paginas %}
            {%for p in paginas%}
              {%ifequal p result.number %}
                <li class="page-item"><a class="page-link bg-primary text-light" href="#">{{result.number}}</a></li>
              {%else%}
                <li class="page-item"><a class="page-link"  onclick="$('#id_page').val({{ p }});$('#form_declaraciones').submit()" href="#">{{p}}</a></li>
              {%endifequal%}
            {%endfor%}
            {% if result.has_next %}
              <li class="page-item"><a class="page-link"  onclick="$('#id_page').val({{ result.next_page_number }});$('#form_declaraciones').submit()" href="#">»</a></li>
            {%endif%}
          {% endif %}
          </ul>
        </nav>
      </div>
    </div>
      <br>
      <div style="display: none;">
      <table class="table table-striped" id="testTable">
          <thead>
            <tr>
              <th scope="col">FOLIO</th>
              <th scope="col">TIPO</th>
              <th scope="col">AVANCE</th>
              <th scope="col">EXTENDIDA</th>
              <th scope="col">FECHA INICIO</th>
              <th scope="col">FECHA CIERRE</th>
              <th scope="col">ESTATUS</th>
            </tr>
          </thead>
          {% for resultt in resultt %}
          <tbody>
          
            <tr>
              <td scope="row">{{ resultt.folio }}</td> <!--FOLIO-->
              <td>{{ resultt.cat_tipos_declaracion.codigo }}</td> <!--TIPO-->
              <td>{{ resultt.avance }}%</td> <!--AVANCE-->
              <td>{% if resultt.info_personal_fija.cat_puestos.codigo <= 15 %} No {% else %} Si {% endif%}</td> <!--EXTENDIDA-->
              <td>{{ resultt.fecha_declaracion|date:"D d M Y"|default_if_none:"" }}</td> <!--FECHA INICIO-->
              <td>{{ resultt.fecha_recepcion|date:"D d M Y"|default_if_none:"" }}</td><!--FECHA FIN-->
              <td>{{ resultt.cat_estatus }}</td> <!--ESTATUS-->
            </tr>
              
          
              
          </tbody>
          {% endfor %}
      </table></div>
   {% else %}
      {% if messages %}
        <div class="row row-md">
          {% for message in messages %}
              <div class="alert {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %} col-12 text-center" role="alert"><h6>{{ message }}</h6></div>
          {% endfor %}
        </div>
        <br>
      {% endif %}
   {% endif %}
  </section>
</form>

  <div class="modal fade" id="ventana-modal" tabindex="-1" role="dialog" aria-labelledby="lost-password-label" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <div class="modal_logo"></div>
          <h4 class="modal-title" style="color: #A4B54C;">Click sobre botón para generar reporte</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
          <form action="#" method="get" id="form_declaraciones_reporte" target="_blank">
            <!--Se asignan los valores del formulario de busqueda a este formulario temporal para filtrar los datos en los reportes--->
            {% csrf_token %}
            <input type="hidden" name="folio" id="id_folio">
            <input type="hidden" name="tipo" id="id_tipo">
            <input type="hidden" name="estatus" id="id_estatus">
            <input type="hidden" name="fecha_inicio_day" id="id_fecha_inicio_day">
            <input type="hidden" name="fecha_inicio_month" id="id_fecha_inicio_month">
            <input type="hidden" name="fecha_inicio_year" id="id_fecha_inicio_year">
            <input type="hidden" name="fecha_fin_day" id="id_fecha_fin_day">
            <input type="hidden" name="fecha_fin_month" id="id_fecha_fin_month">
            <input type="hidden" name="fecha_fin_year" id="id_fecha_fin_year">
            <input type="hidden" name="filtro_fecha" id="filtro_fecha">

            <div class="image-title-wrap text-center">
              <button type="submit" formaction="{% url 'declaracion:reporte' 'resumen_declaracion' %}" tipo_reporte="resumen_declaracion" class="btn btn-outline-primary text-uppercase font-weight-bold" style="width: 330px;">
                <img style="max-height: 50px;max-width: 130px;" src="{% static 'src/img/pdf_bn.png'%}" alt="Descargar">Resumen por declaración
              </button>            
            </div>
            <p></p>
            <div class="image-title-wrap text-center">
              <button type="submit" formaction="{% url 'declaracion:reporte' 'completo_declaracion' %}" tipo_reporte="completo_declaracion" class="btn btn-outline-primary text-uppercase font-weight-bold" style="width: 330px;">
                <img style="max-height: 50px;max-width: 130px;" src="{% static 'src/img/pdf_bn.png'%}" alt="Descargar">Completo por declaración
              </button>            
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="datosPublicosModal" tabindex="-1" role="dialog" aria-labelledby="datosPublicosModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="datosPublicosModalLabel">DATOS PUBLICOS</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
         <!--Contenido dinámico de la declaración a la que se le hará el cambio-->
        </div>
        <div class="modal-footer">
            <button type="button" id="btn_aceptar_cambio_datos_publicos" style="background: #a3b34c;border-color: #a3b34c;width: 40%;" class="btn btn-primary">Aceptar</button>
            <button type="button" class="btn btn-secondary" style="background: #046076;border-color: #046076;width: 40%;"  data-dismiss="modal">Cancelar</button>
        </div>
      </div>
    </div>
  </div>

</div>
{% endblock %}

{% block body_script %}
<script>
  
  function ajax_crear_pdf(data, object_dom){
    $.ajax({
          url : "{% url 'crear_pdf_declaracion' %}",
          data: data,
          type : "GET",
          success : function(response) {      
            var estatus_actual = response["estatus_proceso"] == "None" || !response["estatus_proceso"] ? 10 : response["estatus_proceso"]
            
            object_dom.empty();
            object_dom.append('<center><div class="progress">'+
                '<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="'+estatus_actual+'"'+
                'aria-valuemin="0" aria-valuemax="100" style="width:'+estatus_actual+'%">'+estatus_actual+'%</div></div></center>');
            
            if(estatus_actual && estatus_actual != 100){
              ajax_peticion(data, object_dom, "{% url 'estatus_pdf_declaracion' %}");
            }

          },
          error : function(xhr,errmsg,err) {
            console.log(xhr.status + ": " + xhr.responseText);
          }
      });
  }

 function ajax_success_reporte(response, data,object_div_progress,intervalId){
    var estatus_actual = response["estatus_proceso"] == "None" || !response["estatus_proceso"] ? 10 : response["estatus_proceso"]
    object_div_progress.empty();
    
    if(estatus_actual == 100){
      clearInterval(intervalId);
      object_div_progress.append('<div style="background: #A3B34C;height: 50px;" class="alert alert-danger alert-dismissable alert-link" ><button type="button" class="close" data-dismiss="alert">X</button><center><a style="color:#fff;font-size: 25px;" id="link_reporte_actual_'+data["tipo_reporte"]+'" href="'+response["archivo"]+'" target="_blank">'+data["tipo_reporte"]+' - REPORTE LISTO!</a></center></div>')

      $.ajax({
          url : "{% url 'declaracion:eliminar_procesos_reporte' %}",
          data: data,
          type : "GET",
          success : function(response_delete) {              
            console.log("Eliminar proceso reporte",response_delete)
            $("#link_reporte_actual_"+data["tipo_reporte"])[0].click()                     
          },
          error : function(xhr,errmsg,err) {
            console.log(xhr.status + ": " + xhr.responseText);
          }
        });
    }
    else{
      object_div_progress.append('<div class="progress" style="width: 100%; height: 50px;"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="'+estatus_actual+'"'+
    'aria-valuemin="0" aria-valuemax="100" style="width:'+estatus_actual+'%">'+estatus_actual+'%</div></div>');
    }
  }

  function ajax_success_declaracion(response,data, object_div_progress, intervalId){
    object_div_progress.empty();

    if(response["estatus_proceso"] == 100){
      clearInterval(intervalId);
      $("#checkbox_dato_publico_"+data["declaracion"]).prop( 'disabled', false);

      object_div_progress.append('<center>'+
        '<div class="dropdown">'+
          '<button class="btn btn-link" type="button" id="dropdownMenuButton-'+data["declaracion"]+'" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img width="30px" src='+"{% static 'src/img/descargar.svg' %}"+'></button>'+
          '<div class="dropdown-menu" aria-labelledby="dropdownMenuButton-'+data["declaracion"]+'">'+
              '<span class="text-center">Opciones</span>'+
              '<div class="dropdown-divider"></div>'+
              '<a class="dropdown-item" href="'+response["archivo"]+'" target="_blank">Descargar</a>'+
              '<a href="#" onclick="a_click_declaracion_sin_pdf(this)" class="a_declaracion_sin_pdf dropdown-item btn btn-link" declaracion="'+data["declaracion"]+'" id="'+data["declaracion"]+'_declaracion_sin_pdf">'+
               ' Generar'+
              '</a>'+
          '</div>'+
        '</div></center>')

      $.ajax({
        url : "{% url 'eliminar_pdf_declaracion' %}",
        data: data,
        type : "GET",
        success : function(response_delete) {              
          console.log("Eliminar",response_delete )
        },
        error : function(xhr,errmsg,err) {
          console.log(xhr.status + ": " + xhr.responseText);
        }
      });
      
    }
    else{
      var estatus_actual = response["estatus_proceso"] == "None" || !response["estatus_proceso"] ? 10 : response["estatus_proceso"]
      object_div_progress.append('<div class="progress">'+
        '<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="'+estatus_actual+'"'+
        'aria-valuemin="0" aria-valuemax="100" style="width:'+estatus_actual+'%">'+estatus_actual+'%</div></div>');
    }
  }

  function ajax_success_declaracion_datos_publicos(response_datos_publicos, data, check_switch){
    if(response_datos_publicos["succes"]){
      var td_btn_declaracion = $("#"+data["id_declaracion_datos_publicos"]+"_td_pdf");
      
      //Cambia la visualmente el switch 
      check_switch.prop('checked', !check_switch.prop('checked'));
      //Oculta el modal
      $('#datosPublicosModal').modal('hide');

      //Se ejecuta petición para generar de nuevo el PDF
      if(response_datos_publicos["archivo"]){
        //Bloqueamos el switch hasta que el proceso del pdf termine
        check_switch.prop( 'disabled', true); 
        td_btn_declaracion.empty();
        td_btn_declaracion.append('<div class="progress">'+
        '<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="10"'+
        'aria-valuemin="0" aria-valuemax="100" style="width:10%">10%</div></div>');

        ajax_crear_pdf({"declaracion": data["id_declaracion_datos_publicos"]}, td_btn_declaracion);
      }
    }
  }
  
  function ajax_peticion(data, object_dom, url){
    var intervalId = window.setInterval(function(){
      $.ajax({
            url : url,
            data: data,
            type : "GET",
            success : function(response) {   
              if(data["tipo_reporte"]){
                console.log('tipo reporte------>', data["tipo_reporte"])
                ajax_success_reporte(response, data,object_dom,intervalId);
              }
              else if(data["declaracion"]){
                ajax_success_declaracion(response,data, object_dom, intervalId);
              }
              else if (data["id_declaracion_datos_publicos"]){
                clearInterval(intervalId);
                $("#btn_aceptar_cambio_datos_publicos").prop( "disabled", false); //Desblqueamos btn aceptar del modal
                ajax_success_declaracion_datos_publicos(response,data, object_dom);
              }
            },
            error : function(xhr,errmsg,err) {
              console.log(xhr.status + ": " + xhr.responseText);
            }
        });
    }, 6000); 
  }

  function a_click_declaracion_sin_pdf(this_){
    var elemento = $(this_);

    var id_declaracion = elemento.attr("declaracion");
    var td_btn_pdf = elemento.parent().parent();
    var data = {
      "declaracion": elemento.attr("declaracion")
    }

    td_btn_pdf.empty()
    td_btn_pdf.append('<div class="progress" style="width: 100%; height: 50px;"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="10"'+
              'aria-valuemin="0" aria-valuemax="100" style="width:10%">10%</div></div>');

    $("#checkbox_dato_publico_"+data["declaracion"]).prop('disabled', true); 
    ajax_crear_pdf(data, td_btn_pdf);
  }

  $("#form_declaraciones_reporte").submit(function(e){
    var div_progress_bar = $(".div_progress")
    var fields_form = $(this).serializeArray();
    var data = {
      "tipo_reporte": document.activeElement.getAttribute('tipo_reporte')
    }

    jQuery.each(fields_form, function( i, field ) {
      data[field.name] = field.value;
    });

    $.ajax({
        url : "{% url 'declaracion:crear_reporte' %}",
        data: data,
        type : "GET",
        success : function(response) {
          var estatus_actual = response["estatus_proceso"] == "None" || !response["estatus_proceso"] ? 10 : response["estatus_proceso"]

          if(estatus_actual){
            
            $('#ventana-modal').modal('toggle');
            div_progress_bar.empty()
  
            div_progress_bar.append('<div class="progress" style="width: 100%; height: 50px;"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="'+response["estatus_proceso"]+'"'+
              'aria-valuemin="0" aria-valuemax="100" style="width:'+response["estatus_proceso"]+'%">'+response["estatus_proceso"]+'%</div></div>');
            
            if(estatus_actual != 100){
              ajax_peticion(data, div_progress_bar, "{% url 'declaracion:consultar_estatus_reporte' %}");
            }
          }
        },
        error : function(xhr,errmsg,err) {
          console.log(xhr.status + ": " + xhr.responseText);
        }
    });

    e.preventDefault();
    e.stopPropagation();
  });

  $(".a_declaracion_sin_pdf").click(function(e){
    a_click_declaracion_sin_pdf($(this));
  });
  
  $('.swtich_datos_publicos').on('click', function(event) {
    var check_switch = $(this);
    //Se priviene el cambio del swtich hasta que el usuario seleccione si el cambio se hará o no
    setTimeout(function() {
      check_switch.removeAttr('checked');
    }, 0);

    event.preventDefault();
    event.stopPropagation();
  
    var checked_dato_publico = check_switch.is(':checked');
    var body_modal = $("#datosPublicosModal .modal-body");
    var info_declaracion = {
      "id": check_switch.attr("declaracion_pk"),
      "folio": check_switch.attr("declaracion_folio"),
      "tipo": check_switch.attr("declaracion_tipo")
    }

    body_modal.empty();
    body_modal.append('<dl class="row">'+
      '<dt class="col-sm-9">Declaración</dt>'+
      '<dd class="col-sm-9">'+info_declaracion.tipo+'</dd>'+
      '<dt class="col-sm-9">Folio</dt>'+
      '<dd class="col-sm-9">'+info_declaracion.folio+'</dd>'+
      '<dt class="col-sm-9">Dato públicos</dt>'+
      '<dd class="col-sm-9"> '+  (checked_dato_publico ? 'No' : 'Si') +' </dd>'+
      '<dt class="col-sm-9">Cambio de datos publicos a: </dt>'+
      '<dd class="col-sm-9">'+ (checked_dato_publico ? 'Si' : 'No') +'</dd>'+
      '</dl>'+
      '<center><h3>¿Desea aplicar cambio?</h3></center>')

    body_modal.next().children()[0].setAttribute("declaracion",info_declaracion.id);
    body_modal.next().children()[0].setAttribute("id_switch_dato_publico",check_switch.attr("id"));

    $('#datosPublicosModal').modal({
      show: true
    })
 });

  $("#btn_aceptar_cambio_datos_publicos").click(function(e){
    var this_btn = $(this);
    
    $("#datosPublicosModal .modal-body").append('<center><button class="btn btn-primary" style="width: 100%; background-color: #015F78;" type="button" disabled>'+
        '<span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>'+
        ' Cargando... </button><p><br> Si la declaración ya tenía un PDF generado, al terminar el proceso se generará el nuevo PDF de manera automática</p></center>'
    );
    var check_switch = $("#"+this_btn.attr("id_switch_dato_publico"));
    var data_datos_publicos = {
      "id_declaracion_datos_publicos": this_btn.attr("declaracion")
    }

    this_btn.prop( "disabled", true);
    ajax_peticion(data_datos_publicos, check_switch, "{% url 'declaracion:cambiar_datos_publicos' %}")

  });

  var tableToExcel = (function() {
  var uri = 'data:application/vnd.ms-excel;base64,'
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
  return function(table, name) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
    window.location.href = uri + base64(format(template, ctx))
  }
})()

</script>
{% endblock %}