{% extends base_template %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    </script>
{% endblock %}

{% macro render_groups(admin, form, groups, has_tab) %}
    <div class="row">
    {% for code in groups|filter(code => admin.formgroups[code] is defined) %}
        {% set form_group = admin.formgroups[code] %}

        <div class="{{ form_group.class|default('col-md-12') }}">
            <div class="{{ form_group.box_class }}">
                <div class="box-header">
                    <h4 class="box-title">
                        {% if form_group.translation_domain is defined and form_group.translation_domain is same as(false) %}
                            {{ form_group.label }}
                        {% else %}
                            {{ form_group.label|trans({}, form_group.translation_domain ?? admin.translationDomain) }}
                        {% endif %}
                    </h4>
                </div>
                <div class="box-body">
                    <div class="sonata-ba-collapsed-fields">
                        {% if code == 'Configuración Resolución' %}
                            <script type="text/javascript">
                                function clickSeleccionarTodos() {
                                    var divExamenes = $("#{{admin.uniqId}}_examenes");
                                    var arregloCheck = divExamenes.children('li[style!="display: none;"]');
                                    arregloCheck = arregloCheck.find('.icheckbox_square-blue');
                                    for(var i = 0; i < arregloCheck.length; i++)
                                    {
                                        arregloCheck[i].classList.add('checked');
                                        arregloCheck[i].children[0].checked = true;                                        
                                    }
                                }

                                function clickDeseleccionarTodos() {
                                    var divExamenes = $("#{{admin.uniqId}}_examenes");
                                    {# var arregloCheck = divExamenes.children('').find('.icheckbox_square-blue'); #}
                                    var arregloCheck = divExamenes.children('li[style!="display: none;"]');
                                    arregloCheck = arregloCheck.find('.icheckbox_square-blue');
                                    for(var i = 0; i < arregloCheck.length; i++)
                                    {
                                        arregloCheck[i].classList.remove('checked');
                                        arregloCheck[i].children[0].checked = false;
                                    }
                                }
                                
                                function botonBuscar(event){
                                    var texto = $('#input_examen').val().toLowerCase();
                                    var divExamenes = $("#{{admin.uniqId}}_examenes");
                                    var arregloCheck = divExamenes.children('').find('.icheckbox_square-blue');
                                    var cantidad = 0;
                                    for(var i = 0; i < arregloCheck.length; i++)
                                    {
                                        var textoSpan = $(arregloCheck[i]).siblings('span').text().toLowerCase();
                                        if (textoSpan.includes(texto)) {
                                            $(arregloCheck[i]).parents('li').show(); 
                                        } else {
                                            $(arregloCheck[i]).parents('li').hide(); 
                                        }
                                    }
                                    $('#boton_limpiar').show();
                                } 

                                function botonLimpiar(event){
                                    var divExamenes = $("#{{admin.uniqId}}_examenes");
                                    var arregloCheck = divExamenes.children('').find('.icheckbox_square-blue');
                                    for(var i = 0; i < arregloCheck.length; i++)
                                    {
                                        $(arregloCheck[i]).parents('li').show(); 
                                    }
                                    $('#input_examen').val(null);
                                    $('#boton_limpiar').hide();
                                }
                                
                            </script>
                        {% endif %}
                        {% if form_group.description %}
                            {% if form_group.translation_domain is defined and form_group.translation_domain is same as(false) %}
                                <p>{{ form_group.description|raw }}</p>
                            {% else %}
                                <p>{{ form_group.description|trans({}, form_group.translation_domain ?? admin.translationDomain)|raw }}</p>
                            {% endif %}
                        {% endif %}

                        {% for form_field_name in form_group.fields|filter(form_field_name => form[form_field_name] is defined) %}
                            {% if form_field_name == 'examenes' %}
                                <div class="row">   
                                    <div class="col-md-6">
                                        <input id="input_examen" type="text" class="form-control" style="margin-bottom:3%;" placeholder="Exámenes">
                                    </div>
                                    <div class="input-field col-md-1">
                                        <button id="boton_buscar" class="btn" type="button" onclick="botonBuscar(event)">Buscar  <i class='fa fa-search' style="margin-right:3px;margin-left:5px;"></i></button>
                                    </div>
                                    <div class="input-field col-md-1">
                                        <button id="boton_limpiar" class="btn" type="button" style="display: none;" onclick="botonLimpiar(event)">Limpiar <i class="fa fa-close" style="margin-right:3px;margin-left:5px;"></i></button>
                                    </div>
                                </div>
                                <div class ="row">   
                                    <div class="col-md-12">
                                        <button type='button' class='btn' onClick='clickSeleccionarTodos()'>
                                            <i class='fa fa-check-square' style="margin-right:5px"></i>Seleccionar Todos
                                        </button>
                                        <button type='button' class='btn' onClick='clickDeseleccionarTodos()'>
                                            <i class='fa fa-square-o' style="margin-right:5px"></i>Deseleccionar Todos</button>
                                    </div>
                                </div>
                            {% endif %}
                            {{ form_row(form[form_field_name]) }}
                        {% else %}
                            {% if form_group.empty_message != false %}
                                {% if form_group.empty_message_translation_domain is defined and form_group.empty_message_translation_domain is same as(false) %}
                                    <em>{{ form_group.empty_message }}</em>
                                {% else %}
                                    <em>{{ form_group.empty_message|trans({}, form_group.empty_message_translation_domain ?? admin.translationDomain) }}</em>
                                {% endif %}
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}
    </div>
{% endmacro %}