{{form_start(form)}}
    <div class="col l1 hide-on-small-only">
        <img class="circle responsive-img small" src="{{imagen}}" 
        style="height: 50px; width: 50px; margin-top: 1rem;" alt="Foto de perfil">
    </div>
    <div class="col l2" style="text-align: center; vertical-align: middle; margin-top: 1.5rem;">
        {{presentacionAntecedentes.datosPersonales.apellidos|capitalize}}, {{presentacionAntecedentes.datosPersonales.nombres|capitalize}}
    </div>
    <div class="col l1" style="text-align: center; vertical-align: middle; margin-top: 1.5rem;">
        {{presentacionAntecedentes.datosPersonales.dni}}
    </div>
    <div class="col l1" style="margin-top: 1rem;">
        {% set presenteValue = form.presente.vars.data %}
        {% set isPresenteChecked = presenteValue == '1' or presenteValue == true %} {# Si el valor es '1' o true #}
        {% set icon = isPresenteChecked ? 'check_circle_outline' : 'highlight_off' %}
        {% set colorClass = isPresenteChecked ? 'teal' : 'red' %}
        {% set dataTooltip = isPresenteChecked ? 'Presente' : 'Ausente' %}

        {% if presenteValue is null %}
            {% set icon = 'remove_circle_outline' %}
            {% set colorClass = 'grey' %}
            {% set dataTooltip = 'Sin definir' %}
        {% endif %}
        <a class="btn-floating {{ colorClass }} secondary-content btn-presente tooltipped" data-position="top" data-tooltip="{{dataTooltip}}">
            <i class="material-icons">{{ icon }}</i>
            {{ form_widget(form.presente) }}
            {{ form_errors(form.presente) }}
        </a>
    </div>
        <div class="input-field col s6 l3" style="display: inline-block;">
            {{ form_widget(form.psicologo) }}
            {{ form_label(form.psicologo) }}
            {{ form_errors(form.psicologo) }}
        </div>
        <div class="input-field col s6 l3" style="display: inline-block;">
            {{ form_widget(form.psiquiatra) }}
            {{ form_label(form.psiquiatra) }}
            {{ form_errors(form.psiquiatra) }}
        </div>
    <div class="col l1" style="margin-top: 1rem;">
        <button class="btn-floating btn-flat identidad-color darken-2 tooltipped guardarCambio" 
            {# type="submit" 
            formaction="{{ path('cronograma_new_entrevistado', { 'idView': presentacionAntecedentes.idView , 'cr_id': cronograma.id}) }}" #}  
            type="button"
            data-url="{{ path('cronograma_new_entrevistado', { 'idView': presentacionAntecedentes.idView , 'cr_id': cronograma.id}) }}"
            data-position="top" data-tooltip="Guardar nota">
            <i class="material-icons left">save</i>
        </button>
        <div class="preloader-wrapper small active" style="align-self: center; display:none;">
            <div class="spinner-layer spinner-blue-only">
                <div class="circle-clipper left">
                    <div class="circle"></div>
                </div>
                <div class="gap-patch">
                    <div class="circle"></div>
                </div>
                <div class="circle-clipper right">
                    <div class="circle"></div>
                </div>
            </div>
        </div>
    </div>
{{form_end(form)}}