<!-- resources/views/survey/partials/block3.blade.php -->

<fieldset style="margin-bottom: 20px;">
    <legend>
        <strong>
            <h2>Bloque 3: Competencias Comunicativas (Ítems 3.1 a 3.10)</h2>
        </strong>
            </legend>

    <table style="margin-bottom: 20px; width: 100%; table-layout: fixed; border-collapse: collapse;">
        <colgroup>
            <!-- 70% para la pregunta, 30% para las respuestas -->
            <col style="width: 70%;">
            <col style="width: 30%;">
        </colgroup>

        <!-- ========== 3.1 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.1. Utilizo entornos virtuales (foros, chats, videoconferencias) para mantener comunicación constante con los estudiantes.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_1" value="{{ $i }}"
                               {{ old('q3_1') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.2 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.2. Promuevo espacios de debate y reflexión colaborativa a través de plataformas digitales.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_2" value="{{ $i }}"
                               {{ old('q3_2') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.3 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.3. Empleo un lenguaje claro y accesible en la elaboración de materiales y en la comunicación en línea.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_3" value="{{ $i }}"
                               {{ old('q3_3') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.4 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.4. Fomento la participación de los estudiantes a través de preguntas, encuestas o sondeos virtuales.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_4" value="{{ $i }}"
                               {{ old('q3_4') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.5 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.5. Establezco normas y pautas de comunicación asertiva en los foros o comunidades virtuales.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_5" value="{{ $i }}"
                               {{ old('q3_5') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.6 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.6. Retroalimento regularmente a los estudiantes sobre sus intervenciones en entornos digitales.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_6" value="{{ $i }}"
                               {{ old('q3_6') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.7 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.7. Utilizo diferentes medios (texto, video, audio) para atender distintos estilos de aprendizaje en la comunicación.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_7" value="{{ $i }}"
                               {{ old('q3_7') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.8 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.8. Incentivo la construcción de conocimientos de forma colaborativa por medio de wikis, blogs u otras herramientas.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_8" value="{{ $i }}"
                               {{ old('q3_8') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.9 ========== -->
        <tr style="border-bottom: 1px solid #ccc;">
            <td style="padding: 8px; vertical-align: top;">
                3.9. Aplico estrategias de comunicación inclusiva y respeto a la diversidad cultural en los entornos virtuales.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_9" value="{{ $i }}"
                               {{ old('q3_9') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>

        <!-- ========== 3.10 ========== -->
        <tr>
            <td style="padding: 8px; vertical-align: top;">
                3.10. Valoro y promuevo la ética y la netiqueta en la comunicación digital entre docente y estudiantes.
            </td>
            <td style="padding: 8px; vertical-align: middle; text-align: left;">
                @for($i = 1; $i <= 5; $i++)
                    <label style="margin-right: 10px;">
                        <input type="radio" name="q3_10" value="{{ $i }}"
                               {{ old('q3_10') == $i ? 'checked' : '' }}>
                        {{ $i }}
                    </label>
                @endfor
            </td>
        </tr>
    </table>
</fieldset>
