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

{% block contenido %}
  {% for type, flashMessage in app.session.flashbag.all() %}
    
    <div class="alert alert-{{ type }} fade in">
      <button class="close" data-dismiss="alert" type="button">×</button>
      {% if flashMessage.title is defined %}
      <strong>{{ flashMessage.title }}</strong>
      {{ flashMessage.message }}
      {% else %}
      {{ type }}
      {% endif %}
    </div>
  {% endfor %}
  
  
  {#{% if app.session.flashBag.has('danger') %}
        <div class="alert alert-danger">
            {% for msg in app.session.flashBag.get('danger') %}
                {{ msg }}
            {% endfor %}
        </div>
    {% endif %}#}
  <div class="row">
    <div class="col-lg-12">
      <div class="portlet">
        <div class="portlet-header">
          <div class="caption">Listado de Personas</div>
        </div>
        <div class="portlet-body">
          <div class="table-tools">
            <div class="row">
              <div class="col-lg-4">
                <a data-toggle="modal" data-target="#myModal" href="#"">
                  <button type="button" class="btn btn-red mrs"><i class="fa fa-plus"></i>&nbsp;
                    Agregar
                  </button>
                </a>
                <a href="{{ path('persona_new') }}">
                  <button type="button" class="btn btn-primary mrs"><i
                      class="fa fa-filter"></i>&nbsp; Filtrar Lista
                  </button>
                </a>
                <a href="{{ path('persona_new') }}">
                  <button type="button" class="btn btn-default mrs"><i
                      class="fa fa-print"></i>&nbsp; Imprimir
                  </button>
                </a>
              </div>
              <div class="col-lg-3 pull-right">
                <div class="form-inline pull-right">
                  
                  <div class="input-icon right">
                    <a id="prueba" href="#">
                      <i class="fa fa-search"></i>
                    </a>
                    <input id="prueba_dos" type="text" placeholder="Buscar..." class="form-control">
                  </div>

                  
                </div>
              </div>
            </div>
          </div>
          <div class="table-responsive mtl">
            <table class="table table-striped table-bordered table-hover">
              <thead>
                <tr>
                  <th class="text-center">#</th>
                  
                  <th>Nombres y Apellidos</th>
                  <th>Nombre de Usuario</th>
                  <th>Correo Institucional</th>
                  <th>Teléfonos Contacto</th>
                  <th>Grupos</th>
                  <th class="text-center">Acciones</th>
                </tr>
              </thead>
              <tbody>
                {% for persona in personas %}
                  <tr>
                    <td class="text-center"><a href="{{ path('persona_show', { 'id': persona.id }) }}">{{ loop.index  }}</a></td>
                    
                    <td>{{ persona.primer_nombre|capitalize }} {{ persona.segundo_nombre|capitalize }} {{ persona.primer_apellido|capitalize }} {{ persona.segundo_apellido|capitalize }}</td>
                    <td>{{ persona.username }}</td>
                    <td>{{ persona.email }}</td>
                    
                    <td>
                      {% for telefono in persona.personaTelefonos %}
                        {{ telefono.telefonoCodigoArea.descripcion }}-{{ telefono.telefono }}
                        {% if loop.index != loop.last %}
                          /
                        {% endif %}
                      {% endfor %}
                    </td>
                    <td>
                      
                      {% for grupo in persona.groups %}
                        {{ grupo.name }}
                        {% if loop.index != loop.last %}
                          /
                        {% endif %}
                      {% endfor %}
                      
                    </td>

                    <td class="text-center">
                      <a href="{{ path('fos_user_profile_show_persona', { 'id': persona.id }) }}"><span title="Mostrar" class="glyphicon text-info glyphicon-eye-open"></span></a>&nbsp;&nbsp;
                      <a href="{{ path('persona_edit', { 'id': persona.id }) }}"><span title="Editar" class="glyphicon text-warning glyphicon-edit"></span></a>&nbsp;&nbsp;
                      <a href="{{ path('persona_delete', { 'id': persona.id }) }}"><span title="Borrar" class="glyphicon text-danger glyphicon-trash"></span></a>&nbsp;&nbsp;
                    </td>
                  </tr>
                  
                {% endfor %}
                  
              </tbody>
            </table>
          </div>
          <div class="tool-footer text-right"><p class="pull-left">Mostrando del 1 al 10 de 57 Registros</p>
            <ul class="pagination">
              <li><a href="#">&laquo;</a></li>
              <li><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">&raquo;</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>  
  </div>
  <div class="modal fade" data-keyboard="false" data-backdrop="static" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" onclick="javascript:window.location='{{path('persona_index')}}'" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel">Inserte un Número de Cédula</h4>
        </div>
          {{ form_start(form, {'action': path('buscar_persona_ubv')}) }}
          {{ form_end(form) }}
        {#<form id="cedulaFrom" action="{{path('buscar_persona_ubv')}}" method="POST">
          <div class="modal-body">
          
            <div class="form-group">
              <label for="recipient-name" class="control-label">Cedula:</label>
              <input type="text" class="form-control" id="cedula">
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" onclick="javascript:window.location='{{path('persona_index')}}'" class="btn btn-danger" data-dismiss="modal">Close</button>
            <button id="buscarPersona" type="submit" class="btn btn-primary">Registrar</button>
          </div>
        </form>#}
      </div>
    </div>
  </div>

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    
    
    {#<script type="text/javascript">
    
    $(function(){
        
        
        //$("#myModal").modal("show");
                
        
        $("#app_user_persona_registration_personalAdministrativos_0_pais").change(function(){
          var $this = $(this);
          if($this.val()=== ""){
            pais_id: null
          }else{
            var data = {
                      pais_id: $this.val()
                  };
          }
          
          $.ajax({
            type: 'post',
            url: '{{ path("select_estados") }}',
            data: data,
            success: function(data) {

                var $estado_selector = $('#app_user_persona_registration_personalAdministrativos_0_estado');

                $estado_selector.html('<option value="0">Seleccione...</option>');

                for (var i=0, total = data.length; i < total; i++) {
                    $estado_selector.append('<option value="' + data[i].id + '">' + data[i].descripcion + '</option>');
                }
                
                var $municipio_selector = $('#app_user_persona_registration_personalAdministrativos_0_municipio');
                $municipio_selector.html('<option value="0">Seleccione...</option>');
                
                var $parroquia_selector = $('#app_user_persona_registration_personalAdministrativos_0_parroquia');
                $parroquia_selector.html('<option value="0">Seleccione...</option>');
                
                var $aldea_selector = $('#app_user_persona_registration_personalAdministrativos_0_aldea');
                $aldea_selector.html('<option value="0">Seleccione...</option>');
                
                var $unidadAdministrativa_selector = $('#app_user_persona_registration_personalAdministrativos_0_unidadAdministrativa');
                $unidadAdministrativa_selector.html('<option value="0">Seleccione...</option>');

                //var $ejeregional_selector = $('#app_user_persona_registration_personalAdministrativos_0_ejeregional');
                //$ejeregional_selector.html('<option value="0">Seleccione...</option>');
                
            }
          });
        });
        
        
        
      
        swal("Texto del mensaje");
      }); 
      
    </script>#}
    
    
{% endblock %}