{% extends "UBVPrincipalBundle::inicio.html.twig" %}
{% block contenido %}

  <div class="row">
    <div class="col-md-6">
      <div class="col-md-12">
        <div class="row">
          <div class="portlet">
            <div class="portlet-header">
              <div class="caption">Candidatos aptos Para Cargar</div>
            </div>
            <div class="portlet-body">
              <table class="table table-border-dashed table-hover mbn">
                <thead>
                  <tr>
                    <th class="text-center">#</th>
                    <th class="text-left">N°. Identificación</th>
                    <th class="text-left">Nombre y Apellido</th>
                    <th class="text-center">Teléfono</th>
                    <th class="text-center">Aldea Asignada</th>
                  </tr>
                </thead>
                <tbody>
                  {% if candidatosCargados|length > 0 %}
                    {% for candidatoCargado in candidatosCargados %}
                      <tr>
                        <td class="text-left"><a href="#">{{loop.index}}</a></td>
                        <td class="text-left">{{ candidatoCargado.identificacion }}</td>
                        <td class="text-left">{{ candidatoCargado.primerNombre }} {{ candidatoCargado.segundoNombre|first }} {{ candidatoCargado.primerApellido }} {{ candidatoCargado.segundoApellido|first }}</td>
                        <td class="text-center">{{ candidatoCargado.telefonoCodigoArea }}-{{ candidatoCargado.telefono }}</td>
                        <td class="text-right">{{ candidatoCargado.aldeaAsig }}</td>
                      </tr>
                    {% endfor %}
                  <tfoot>
                    <tr>
                      <td colspan="3" class="text-left"> {{candidatosCargados|length}} Candidato(s) de {{candidatosExistentes|length + candidatosNoCargadosTwig|length + candidatosCargados|length}} Registrado(s)</td>
                      <td colspan="3" class="text-right">{% if candidatosCargados|length > 0 %}<a id="prueba" href=""><i data-hover="tooltip" data-placement="left" title="Descargar lista" class="fa fa-lg text-default fa-arrow-circle-o-down"></i></a>{% endif %}</td>
                    </tr>
                  </tfoot>
                {% else %}
                  <tr>
                    <td colspan="6" class="text-left">No hay candidatos aptos para cargar</td>
                  </tr>
                  </tbody>
                  <tfoot>
                    <tr>
                      <td colspan="6"></td>
                    </tr>
                  </tfoot>
                {% endif %}
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-12">
        <div class="row">
          <div class="portlet">
            <div class="portlet-header">
              <div class="caption">Candidatos Existentes</div>
            </div>
            <div class="portlet-body">
              <table class="table table-border-dashed table-hover mbn">
                <thead>
                  <tr>
                    <th class="text-center">#</th>
                    <th class="text-left">N°. Identificación</th>
                    <th class="text-left">Nombre y Apellido</th>
                    <th class="text-center">Teléfono</th>
                    <th class="text-center">Aldea Asignada</th>
                  </tr>
                </thead>
                <tbody>
                  {% if candidatosExistentes|length > 0 %}
                    {% for candidatoExistente in candidatosExistentes %}
                      <tr>
                        <td class="text-left"><a href="#">{{loop.index}}</a></td>
                        <td class="text-left">{{ candidatoExistente.identificacion }}</td>
                        <td class="text-left">{{ candidatoExistente.primerNombre }} {{ candidatoExistente.segundoNombre|first }} {{ candidatoExistente.primerApellido }} {{ candidatoExistente.segundoApellido|first }}</td>
                        <td class="text-center">{{ candidatoExistente.telefonoCodigoArea }}-{{ candidatoExistente.telefono }}</td>
                        <td class="text-right">{{ candidatoExistente.aldeaAsig }}</td>
                      </tr>
                    {% endfor %}
                  <tfoot>
                    <tr>
                      <td colspan="3" class="text-left"> {{candidatosExistentes|length}} Candidato(s) de {{candidatosExistentes|length + candidatosNoCargadosTwig|length + candidatosCargados|length}} Registrado(s)</td>
                      {#<td colspan="3" class="text-right">{% if candidatosExistentes|length > 0 %}<input type="button" value="sdfñlk" id="prueba"><i data-hover="tooltip" data-placement="left" title="Descargar lista" class="fa fa-lg text-default fa-arrow-circle-o-down"></i>{% endif %}</td>#}
                      <td colspan="3" class="text-right">
                        {% if candidatosExistentes|length > 0 %}
                          <button type="button" id="existentesButton" class="btn btn-primary">
                            <span class="glyphicon glyphicon-download" aria-hidden="true"></span> Decargar CSV
                          </button>
                        {% endif %}
                      </td>
                    </tr>
                  </tfoot>
                {% else %}
                  <tr>
                    <td colspan="6" class="text-left">No hay candidatos aptos para cargar</td>
                  </tr>
                  </tbody>
                  <tfoot>
                    <tr>
                      <td colspan="6"></td>
                    </tr>
                  </tfoot>
                {% endif %}
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="col-md-12">
        <div class="row">
          <div class="portlet">
            <div class="portlet-header">
              <div class="caption">Candidatos con sdasdproblemas para cargar</div>
            </div>
            <div class="portlet-body">
              <table class="table table-border-dashed table-hover mbn">
                <thead>
                  <tr>
                    <th class="text-center">#</th>
                    <th class="text-left">N°. Identificación</th>
                    <th class="text-left">Nombre y Apellido</th>
                    <th class="text-left">Teléfono</th>
                    <th class="text-left">Celdas a Revizar</th>
                  </tr>
                </thead>
                <tbody>
                  {% if candidatosNoCargadosTwig|length > 0 %}
                    {% for candidatoNoCargado in candidatosNoCargadosTwig %}
                      <tr>
                        <td class="text-left"><a href="#">{{loop.index}}</a></td>
                        <td class="text-left">{{ candidatoNoCargado.identificacion }}</td>
                        <td class="text-left">{{ candidatoNoCargado.primerNombre }} {{ candidatoNoCargado.segundoNombre|first }} {{ candidatoNoCargado.primerApellido }} {{ candidatoNoCargado.segundoApellido|first }}</td>
                        <td class="text-left">{{ candidatoNoCargado.telefonoCodigoArea }}-{{ candidatoNoCargado.telefono }}</td>
                        <td class="text-left">
                          {{ candidatoNoCargado.Errores }}
                        </td>
                      </tr>
                    {% endfor %}
                  <tfoot>
                    <tr>
                      <td colspan="3" class="text-left"> {{candidatosNoCargadosTwig|length}} Candidato(s) de {{candidatosExistentes|length + candidatosNoCargadosTwig|length + candidatosCargados|length}} Registrado(s)</td>
                      <td colspan="3" class="text-right">
                        {% if candidatosNoCargadosTwig|length > 0 %}
                          <button type="button" id="noCargadosButton" class="btn btn-primary">
                            <span class="glyphicon glyphicon-download" aria-hidden="true"></span> Decargar CSV
                          </button>
                          <a id="enlace"  href="#"><i data-hover="tooltip" data-placement="left" title="Descargar lista" class="fa fa-lg text-default fa-arrow-circle-o-down"></i></a><a  href="#"><i data-hover="tooltip" data-placement="left" title="Descargar lista" class="fa fa-lg text-default fa-arrow-circle-o-down"></i></a>
                        {% endif %}
                      </td>
                    </tr>
                  </tfoot>
                {% else %}
                  <tr>
                    <td colspan="6" class="text-left">No existen candidatos por revisión</td>
                  </tr>
                  </tbody>
                  <tfoot>
                    <tr>
                      <td colspan="3" class="text-left"> {{candidatosNoCargadosTwig|length}} Candidato(s) de {{candidatosExistentes|length + candidatosNoCargadosTwig|length + candidatosCargados|length}} Regasfdsafstrado(s)</td>
                      <td colspan="3" class="text-right"></td>
                    </tr>
                  </tfoot>
                {% endif %}
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
      $(function(){
        
        $( "#enlace" ).on( "click", function() {
          alert("hola");
        });
        
        $('#existentesButton').on('click', function () {


          var data=JSON.stringify({{ candidatosNoCargadosCsv|json_encode|raw }});
		  //var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(data);
          //window.open(uri, 'tiketi.csv');

          $.ajax({
            type: 'post',
            url: '{{ path("ajax_generarCsv") }}',
            data: {candidatosNoCargados:data},
            success: function(result) {
				var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(result);
                window.open(uri, 'tiketi.csv');
            }
          });

          //var $data = {#{ candidatosExistentes }#};

          //alert($data);
        })
        
        $('#noCargadosButton').on('click', function () {


          var data=JSON.stringify({{ candidatosNoCargadosCsv|json_encode|raw }});
		  //var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(data);
          //window.open(uri, 'tiketi.csv');

          $.ajax({
            type: 'post',
            url: '{{ path("ajax_generarCsv") }}',
            data: {candidatosNoCargados:data},
            success: function(result) {
				var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(result);
                window.open(uri, 'tiketi.csv');
            }
          });

          //var $data = {#{ candidatosExistentes }#};

          //alert($data);
        })
        
      });
    </script>
{% endblock %}