{% block content %}
<div id="dialog-form-palabra" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static">

</div>
<section class="wrapper">
        <!-- page start-->

        <div class="row">
            <div class="col-sm-12">
                <section class="panel">
                    <header class="panel-heading">
                        Lista Todas Palabras
                    </header>
                    <div class="panel-body">
                        <div class="adv-table editable-table ">
                            <div class="clearfix">
                                <div class="btn-group">
                                    <img class="agranda" width="40px" onmouseout="this.src='{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto2.png") }}';" src="{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto.png") }}" onclick="insertarPalabra()" >
                                </div>
                            </div>
                            <div class="space15"></div>
                            <div class="table-responsive">      
                            <table style="position:relative;" class="table table-hover" id="table-palabras">
                                <thead>
                                <tr>
                                    <th >Palabra</th>
                                    <th >Ilicita</th>
                                    <th>Revisado</th>
                                    <th style='text-align:right;'>Acciones</th>
                                    </tr>
                                </thead>
                                
                                <tbody>
                                    {% for i, item in palabras %}
                                        <tr id="fila-{{ item.palabraId }}">
                                            <td>{{ item.sinAcentos }}</td>
                                            {% if item.ilicito == 1 %}
                                                <td><b style="color:red;" >SI</b></td>
                                            {% else %}
                                                <td><b style="color:green;" >NO</b></td>
                                            {% endif %}
                                            
                                            {% if item.checked == 1 %}
                                                <td><b style="color:green;" >SI</b></td>
                                            {% else %}
                                                <td><b style="color:red;" >NO</b></td>
                                            {% endif %}
                                            <td style='text-align:right;'><img class="agranda" width="28px" onmouseout="this.src='{{ asset("bundles/buroconfianzaadmin/images/Editar.png") }}';" onmouseover="this.src='{{ asset("bundles/buroconfianzaadmin/images/Editar2.png") }}';" src="{{ asset("bundles/buroconfianzaadmin/images/Editar.png") }}" onclick="editarPalabra({{ item.palabraId }})" >
                                            <img class="agranda" width="28px" onmouseout="this.src='{{ asset("bundles/buroconfianzaadmin/images/Eliminar.png") }}';" onmouseover="this.src='{{ asset("bundles/buroconfianzaadmin/images/Eliminar2.png") }}';" src="{{ asset("bundles/buroconfianzaadmin/images/Eliminar.png") }}" onclick="eliminarPalabra({{ item.palabraId }})" >
                                            <img class="agranda" width="28px" onmouseout="this.src='{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto2.png") }}';" src="{{ asset("bundles/buroconfianzaadmin/images/NuevoPuesto.png") }}" onclick="listPalabrasRiesgosAsignar({{ item.palabraId }})" ></td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                             </div>
                            {#<div class="mask-processing">#}
                            {#    Guardando...#}
                            {#</div>#}
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <!-- page end-->
</section>
<script>

 //$('#editable-sample').DataTable();
    $(document).ready(function() {
        Table.init("table-palabras");
    });

</script>


{% endblock %}