<!DOCTYPE html>
<!--
Copyright (C) 2021 Ángel Benítez Hernández, Echedey López Romero

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
<!--
EDITAR: https://cryptpad.disroot.org/kanban/#/2/kanban/edit/yC7UVip3e0TTCmdaki1MJOiV/
LEER: https://cryptpad.disroot.org/kanban/#/2/kanban/view/v6FLRVF6RsfuSDWcIUM6Qo+r3-2pMSXeLPuvgFOA4FI/
-->
<html lang="es">

    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="author" content="Ángel Benítez Hernández, Echedey López Romero" />
        <title>Formulario</title>
        <link rel="stylesheet" href="./frameworks/bootstrap/css/bootstrap.min.css" />
        <script src="./frameworks/jquery/jquery-3.5.1.min.js"></script>
        <script src="./frameworks/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="./frameworks/bs-custom-file-input/bs-custom-file-input.min.js"></script>
        <link rel="stylesheet" href="./css/common.css" />
        <script async="" src="./js/common.js"></script>
    </head>

    <body class="container">
        <div class="row my-3">
            <div class="col-12 p-2">
                <h1 class="text-center">Solicitud de servicios</h1>
                <form action="." METHOD="POST" enctype="multipart/form-data" class="border border-primary rounded p-3">
                    <div class="container">
                        <!-- Div principal -->
                        <div class="row mb-3">
                            <!-- DATOS REPRESENTACION -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">DATOS DE REPRESENTACIÓN</span>
                                    </div>
                                    <div class="row mb-1 px-2">
                                        <span class="font-weight-bold">¿Actua como representante?</span>
                                    </div>
                                    <div class="row px-3">
                                        <div class="form-check col-lg-2 col-12 mb-lg-0 mb-2">
                                            <input class="form-check-input" type="radio" name="representacion" id="estudiante" value="estudiante"
                                                   <?php echo ($Respuestas['representacion'] === 'estudiante' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="estudiante">Estudiante</label>
                                        </div>
                                        <div class="form-check col-lg-2 col-12">
                                            <input class="form-check-input" type="radio" name="representacion" id="representante" value="representante"
                                                   <?php echo ($Respuestas['representacion'] === 'representante' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="representante">Representante</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <!-- DATOS REPRESENTANTE -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">DATOS PERSONALES</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="documento">Tipo de documento: (*)</label>
                                            <?php echo CrearSelect($Documentos, 'documento', 'id', 'nombre', $Respuestas['documento']); ?>
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-sm-3 pl-0 pr-lg-3 pr-0">
                                            <label class="font-weight-bold" for="identificacion">Nº de identificación: (*)</label>
                                            <input type="text" class="form-control" id="identificacion" name="identificacion"
                                                   value="<?php echo $Respuestas['identificacion']; ?>" placeholder="Ej: 12345678Z / Z1234567X"
                                                   required="" disabled="" /> <!-- El RegEx se pondrá con JS -->
                                        </div>
                                        <div class="form-group col-lg-6 col-12 pl-lg-3 pl-0 pr-0">
                                            <label class="font-weight-bold" for="nombre">Nombre: (*)</label>
                                            <input type="text" class="form-control" id="nombre" name="nombre" pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚü\s]{2,50}"
                                                   value="<?php echo $Respuestas['nombre']; ?>" required="" title="De 2 a 50 carácteres alfabéticos"/>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-group col-sm-6 col-12 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="primer_apellido">Primer Apellido: (*)</label>
                                            <input type="text" class="form-control" id="primer_apellido" name="primer_apellido" pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚü\s]{2,50}"
                                                   value="<?php echo $Respuestas['primer_apellido']; ?>" required="" title="De 2 a 50 carácteres alfabéticos"/>
                                        </div>
                                        <div class="form-group col-sm-6 col-12 pl-sm-3 pl-0 pr-0">
                                            <label class="font-weight-bold" for="segundo_apellido">Segundo Apellido:</label>
                                            <input type="text" class="form-control" id="segundo_apellido" name="segundo_apellido" pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚü\s]{2,50}"
                                                   value="<?php echo $Respuestas['segundo_apellido']; ?>" title="De 2 a 50 carácteres alfabéticos" />
                                        </div>
                                    </div>
                                    <div class="row px-2">
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="calidad_de">En calidad de: (*)</label>
                                            <?php echo CrearSelect($Calidades, 'calidad_de', 'id', 'nombre', $Respuestas['calidad_de']); ?>
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-6 col-12 pl-sm-3 pl-0 pr-lg-3 pr-0">
                                            <label class="font-weight-bold" for="telefono_fijo">Telefono fijo:</label>
                                            <input type="tel" name="telefono_fijo" class="form-control" id="telefono_fijo" pattern="[0-9]{9}"
                                                   value="<?php echo $Respuestas['telefono_fijo']; ?>" placeholder="922000000" title="Número de 9 dígitos"/>
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-6 col-12 pl-lg-3 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="telefono_movil">Telefono movil: (*)</label>
                                            <input type="tel" name="telefono_movil" class="form-control" id="telefono_movil" pattern="[0-9]{9}"
                                                   value="<?php echo $Respuestas['telefono_movil']; ?>" placeholder="666000000" required="" title="Número de 9 dígitos"/>
                                        </div>
                                        <div class="form-group col-lg-5 col-sm-6 col-12 pl-sm-3 pl-0 pr-0">
                                            <label class="font-weight-bold" for="email">Correo Electronico (*)</label>
                                            <input type="email" name="email" class="form-control" id="email" title="nombre@ejemplo.com"
                                                   value="<?php echo $Respuestas['email']; ?>" placeholder="nombre@ejemplo.com" required="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <!-- DATOS DOMICILIO -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">DOMICILIO DE CONTACTO</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-group col-lg-2 col-md-4 col-sm-5 col-12 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="tipo_via">Tipo de vía: (*)</label>
                                            <?php echo CrearSelect($TiposVia, 'tipo_via', 'id', 'nombre', $Respuestas['tipo_via']); ?>
                                        </div>
                                        <div class="form-group col-lg-8 col-md-6 col-sm-7 pl-sm-3 pl-0 pr-md-3 pr-0">
                                            <label class="font-weight-bold" for="nombre_via">Nombre de vía: (*) </label>
                                            <input type="text" class="form-control" id="nombre_via" name="nombre_via"
                                                   pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚü\s]{2,50}" value="<?php echo $Respuestas['nombre_via']; ?>"
                                                   placeholder="Pintor Felo Monzón" required="" title="De 2 a 50 carácteres alfabéticos"/>
                                        </div>
                                        <div class="form-group col-md-2 col-sm-4 col-6 mx-auto pr-0">
                                            <label class="font-weight-bold" for="numero">Número: (*)</label>
                                            <input type="number" name="numero" class="form-control" id="numero" min="1" max="999"
                                                   value="<?php echo $Respuestas['numero']; ?>" placeholder="43" required="" /> <!-- Revisar ¡¡ -->
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-group col-lg-2 col-sm-4 col-6 pl-0">
                                            <label class="font-weight-bold" for="bloque">Bloque:</label>
                                            <input type="number" name="bloque" class="form-control" id="bloque" min="1" max="99"
                                                   value="<?php echo $Respuestas['bloque']; ?>" placeholder="4" /> <!-- Revisar ¡¡ -->
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-4 col-6 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="escalera">Escalera:</label>
                                            <input type="text" name="escalera" class="form-control" id="escalera" pattern="[0-9]{1}[a-zA-Z0-9]{1,3}"
                                                   value="<?php echo $Respuestas['escalera']; ?>" placeholder=""
                                                   title="Un número de 1 dígito y de 1 a 3 caracteres alfanuméricos"/>
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-4 col-6 pl-sm-3 pl-0 pr-lg-3 pr-sm-0 pr-3">
                                            <label class="font-weight-bold" for="piso">Piso:</label>
                                            <input type="number" name="piso" class="form-control" id="piso" min="1" max="99"
                                                   value="<?php echo $Respuestas['piso']; ?>" placeholder="1" /> <!-- Revisar ¡¡ -->
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-4 col-6 pl-lg-3 pl-sm-0 pl-3 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="portal">Portal:</label>
                                            <input type="text" name="portal" class="form-control" id="portal" pattern="[0-9]{1}[a-zA-Z0-9]{1,3}"
                                                   value="<?php echo $Respuestas['portal']; ?>" placeholder=""
                                                   title="Un número de 1 dígito y de 1 a 3 caracteres alfanuméricos" />
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-4 col-6 pl-sm-3 pl-0">
                                            <label class="font-weight-bold" for="letra">Letra:</label>
                                            <input type="text" name="letra" class="form-control" id="letra" pattern="[a-zA-Z]{1,2}"
                                                   value="<?php echo $Respuestas['letra']; ?>" placeholder=""
                                                   title="De 1 a 2 carácteres alfabéticos" /> <!-- Revisar ¡¡ -->
                                        </div>
                                        <div class="form-group col-lg-2 col-sm-4 col-6 pr-0">
                                            <label class="font-weight-bold" for="puerta">Puerta:</label>
                                            <input type="text" name="puerta" class="form-control" id="puerta"
                                                   pattern="[0-9]{1,2}[a-zA-Z0-9]{1,2}" value="<?php echo $Respuestas['puerta']; ?>"
                                                   placeholder="1A"
                                                   title="Un número de 1 a 2 dígitos y de 1 a 2 caracteres alfanuméricos" /> <!-- Revisar ¡¡ -->
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="complemento">Complemento:</label>
                                            <input type="text" class="form-control" id="complemento" name="complemento"
                                                   pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚü\s]{2,50}" value="<?php echo $Respuestas['complemento']; ?>"
                                                   placeholder="" title="De 2 a 50 caracteres alfabéticos" />
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-sm-3 pl-0 pr-lg-3 pr-0">
                                            <label class="font-weight-bold" for="fecha">Fecha: (*)</label>
                                            <input type="date" class="form-control" id="fecha" name="fecha"
                                                   value="<?php echo $Respuestas['fecha']; ?>" required=""/>
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-lg-3 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="pais">Pais: (*)</label>
                                            <?php echo CrearSelect($Paises, 'pais', 'id', 'nombre', $Respuestas['pais']); ?>
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-sm-3 pl-0 pr-0">
                                            <label class="font-weight-bold" for="provincia">Provincia: (*)</label>
                                            <?php echo CrearSelect($Provincias, 'provincia', 'provincia_id', 'nombre', $Respuestas['provincia'], true); ?>
                                        </div>
                                    </div>
                                    <div class="row px-2">
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="isla">Isla: (*)</label>
                                            <?php echo CrearSelect($Islas, 'isla', 'isla_id', 'nombre', $Respuestas['isla'], true); ?>
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-sm-3 pl-0 pr-lg-3 pr-0">
                                            <label class="font-weight-bold" for="municipio">Municipio: (*)</label>
                                            <?php echo CrearSelect($Municipios, 'municipio', 'municipio_id', 'nombre', $Respuestas['municipio'], true); ?>
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-lg-3 pl-0 pr-sm-3 pr-0">
                                            <label class="font-weight-bold" for="localidad">Localidad: (*)</label>
                                            <?php echo CrearSelect($Localidades, 'localidad', 'localidad_id', 'nombre', $Respuestas['localidad'], true); ?>
                                        </div>
                                        <div class="form-group col-lg-3 col-sm-6 col-12 pl-sm-3 pl-0 pr-0">
                                            <label class="font-weight-bold" for="cp">Código postal: (*)</label>
                                            <?php echo CrearSelect($CPs, 'cp', 'cp_id', 'codigo_postal', $Respuestas['cp'], true); ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <!-- DATOS EXTRA -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">MAS DATOS</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-check col-12">
                                            <input class="form-check-input" type="checkbox" name="horfandad" id="horfandad" value="si"
                                                   <?php echo ($Respuestas['horfandad'] === 'si' ) ? 'checked' : ''; ?> />
                                            <label class="form-check-label font-weight-bold" for="horfandad">Estudiante en horfandad absoluta</label>
                                        </div>
                                    </div>
                                    <div class="row px-2">
                                        <div class="form-check col-12">
                                            <input class="form-check-input" type="checkbox" name="tutela_guarda" id="tutela_guarda" value="si"
                                                   <?php echo ($Respuestas['tutela_guarda'] === 'si' ) ? 'checked' : ''; ?> />
                                            <label class="form-check-label font-weight-bold" for="tutela_guarda">Estudiante en régimen de tutela y
                                                guarda por la Administración</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <!-- DATOS ALERGIAS -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">ALERGIAS, PATOLOGÍAS O DIETAS ESPECIALES</span>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-12 px-2">
                                            <label class="font-weight-bold" for="observaciones">Observaciones</label>
                                            <textarea name="observaciones" class="form-control" id="obversaciones"
                                                      rows="3"><?php echo $Respuestas['observaciones']; ?></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <!-- DATOS ACADEMICOS -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">DATOS ACADÉMICOS</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <span class="font-weight-bold">Seleccione opción (seleccionar 1)</span>
                                    </div>
                                    <div class="row mb-2 px-3">
                                        <div class="form-check col-12">
                                            <input class="form-check-input" type="radio" name="itinerario" id="salud" value="salud"
                                                   <?php echo ($Respuestas['itinerario'] === 'salud' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label" for="salud">Itinerario: Ciencias de la Salud</label>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-3">
                                        <div class="form-check col-12">
                                            <input class="form-check-input" type="radio" name="itinerario" id="tecnologico" value="tecnologico"
                                                   <?php echo ($Respuestas['itinerario'] === 'tecnologico' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label" for="tecnologico">Itinerario: Científico-Tecnológico</label>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <details class="col-12 p-0">
                                            <summary class="mb-2 font-weight-bold">Bloque 1 (seleccionar 6) (máximo: 6) y ordenar por preferencia</summary>
                                            <div class="container">
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="checkbox" name="lengua_literatura_1" id="lengua_literatura_1" value="si"
                                                               <?php echo ($Respuestas['lengua_literatura_1'] === 'si' ) ? 'checked' : ''; ?> required/>
                                                        <label class="form-check-label" for="lengua_literatura_1">Lengua Castellana y Literatura I</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="checkbox" name="filosofia" id="filosofia" value="si"
                                                               <?php echo ($Respuestas['filosofia'] === 'si' ) ? 'checked' : ''; ?> required/>
                                                        <label class="form-check-label" for="filosofia">Filosofía</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="checkbox" name="ed_fisica" id="ed_fisica" value="si"
                                                               <?php echo ($Respuestas['ed_fisica'] === 'si' ) ? 'checked' : ''; ?> required/>
                                                        <label class="form-check-label" for="ed_fisica">Educación Física</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="checkbox" name="matematicas_1" id="matematicas_1" value="si"
                                                               <?php echo ($Respuestas['matematicas_1'] === 'si' ) ? 'checked' : ''; ?> required/>
                                                        <label class="form-check-label" for="matematicas_1">Matemáticas I</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="checkbox" name="fisica_quimica" id="fisica_quimica" value="si"
                                                               <?php echo ($Respuestas['fisica_quimica'] === 'si' ) ? 'checked' : ''; ?> required/>
                                                        <label class="form-check-label" for="fisica_quimica">Física y Química</label>
                                                    </div>
                                                </div>
                                                <div class="row px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="checkbox" name="tutoria" id="tutoria" value="si"
                                                               <?php echo ($Respuestas['tutoria'] === 'si' ) ? 'checked' : ''; ?> required/>
                                                        <label class="form-check-label" for="tutoria">Tutoría</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </details>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <details class="col-12 px-0">
                                            <summary class="mb-2 font-weight-bold">Bloque 2 (seleccionar 1)</summary>
                                            <div class="container">
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_1" id="ingles_1" value="ingles_1"
                                                               <?php echo ($Respuestas['optativa_1'] === 'ingles_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="ingles_1">Primera lengua extranjera (Inglés) I</label>
                                                    </div>
                                                </div>
                                                <div class="row px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_1" id="italiano_1" value="italiano_1"
                                                               <?php echo ($Respuestas['optativa_1'] === 'italiano_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="italiano_1">Primera lengua extranjera (Italiano) I</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </details>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <details class="col-12 px-0">
                                            <summary class="mb-2 font-weight-bold">Bloque 3 (seleccionar 1)</summary>
                                            <div class="container">
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_2" id="biologia_geologia" value="biologia_geologia"
                                                               <?php echo ($Respuestas['optativa_2'] === 'biologia_geologia' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="biologia_geologia">Biología y Geología</label>
                                                    </div>
                                                </div>
                                                <div class="row px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_2" id="dibujo_1" value="dibujo_1"
                                                               <?php echo ($Respuestas['optativa_2'] === 'dibujo_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="dibujo_1">Dibujo Técnico</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </details>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <details class="col-12 px-0">
                                            <summary class="mb-2 font-weight-bold">Bloque 4 (seleccionar 1)</summary>
                                            <div class="container">
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_3" id="tecnologia_1" value="tecnologia_1"
                                                               <?php echo ($Respuestas['optativa_3'] === 'tecnologia_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="tecnologia_1">Tecnologia Industrial I</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_3" id="cultura_cientifica" value="cultura_cientifica"
                                                               <?php echo ($Respuestas['optativa_3'] === 'cultura_cientifica' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="cultura_cientifica">Cultura Cientifica</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_3" id="ingles_1_e" value="ingles_1"
                                                               <?php echo ($Respuestas['optativa_3'] === 'ingles_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="ingles_1_e">Segunda Lengua Extranjera (Ingles) I</label>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_3" id="biologia_geologia_e" value="biologia_geologia"
                                                               <?php echo ($Respuestas['optativa_3'] === 'biologia_geologia' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="biologia_geologia_e">Biologia y Geologia (E)</label>
                                                    </div>
                                                </div>
                                                <div class="row px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_3" id="dibujo_1_e" value="dibujo_1"
                                                               <?php echo ($Respuestas['optativa_3'] === 'dibujo_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="dibujo_1_e">Dibujo Tecnico (E)</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </details>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <details class="col-12 px-0">
                                            <summary class="mb-2 font-weight-bold">Bloque 5 (seleccionar 1)</summary>
                                            <div class="container">
                                                <div class="row mb-2 px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_4" id="religion_catolica" value="religion_catolica"
                                                               <?php echo ($Respuestas['optativa_4'] === 'religion_catolica' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="religion_catolica">Religión Católica</label>
                                                    </div>
                                                </div>
                                                <div class="row px-2">
                                                    <div class="form-check col-12">
                                                        <input class="form-check-input" type="radio" name="optativa_4" id="tic_1" value="tic_1"
                                                               <?php echo ($Respuestas['optativa_4'] === 'tic_1' ) ? 'checked' : ''; ?> required="" />
                                                        <label class="form-check-label" for="tic_1">Tecnologias de la Informacion y la comunicacion I</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </details>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <!-- MEDIOS DE DIFUSION-->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">MEDIOS DE DIFUSION</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <p class="col-12 px-0 mb-0 font-weight-bold">
                                            CONSENTIMIENTO INFORMADO TRATAMIENTO DE IMÁGENES/VOZ DEL
                                            ALUMNADO EN CENTROS DOCENTES DE TITULARIDAD PÚBLICA DE
                                            CONSEJERÍA DE EDUCACION, UNIVERSIDADES, CULTURA Y DEPORTES.
                                        </p>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <p class="col-12 px-0 mb-0 font-weight-bold">
                                            De acuerdo con el Reglamento General de Protección de Datos
                                            y al Ley Orgánica 3 / 2018, de 5 de diciembre, de
                                            Protección de Datos Personales y Garantias de los Derechos
                                            Digitales, mediante al firma del presente documento se presta
                                            voluntariamente el consentimiento inequívoco e informado y
                                            se autoriza expresamente al centro docente al "tratamiento
                                            de imagen / voz de actividades de los centros de titularidad
                                            pública", mediante los siguientes medios (sólo se entenderá
                                            que consiente la difusión de imágenes / voz por los medios
                                            expresamente marcados a contiruación.)
                                        </p>
                                    </div>
                                    <div class="row mb-2 px-3">
                                        <div class="form-check col-lg-2 col-12 mb-lg-0 mb-2">
                                            <input class="form-check-input" type="radio" name="tratamiento" id="consiente_1" value="consiente"
                                                   <?php echo ($Respuestas['tratamiento'] === 'consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="consiente_1">Consiente</label>
                                        </div>
                                        <div class="form-check col-lg-2 col-12">
                                            <input class="form-check-input" type="radio" name="tratamiento" id="no_consiente_1" value="no_consiente"
                                                   <?php echo ($Respuestas['tratamiento'] === 'no_consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="no_consiente_1">No consiente</label>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-check col-lg-8 col-12 mb-lg-0 mb-2 pl-0 pr-lg-3 pr-0">
                                            <span>Página web del centro docente</span>
                                        </div>
                                        <div class="form-check col-lg-2 col-12 mx-lg-auto ml-2 mb-lg-0 mb-2">
                                            <input class="form-check-input" type="radio" name="difusion_web" id="consiente_2" value="consiente"
                                                   <?php echo ($Respuestas['difusion_web'] === 'consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="consiente_2">Consiente</label>
                                        </div>
                                        <div class="form-check col-lg-2 mx-lg-auto ml-2 pr-lg-0">
                                            <input class="form-check-input" type="radio" name="difusion_web" id="no_consiente_2" value="no_consiente"
                                                   <?php echo ($Respuestas['difusion_web'] === 'no_consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="no_consiente_2">No consiente</label>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-check col-lg-8 col-12 mb-lg-0 mb-2 pl-0 pr-lg-3 pr-0">
                                            <span>App de alumnados</span>
                                        </div>
                                        <div class="form-check col-lg-2 col-12 mx-lg-auto ml-2 mb-lg-0 mb-2">
                                            <input class="form-check-input" type="radio" name="difusion_app" id="consiente_3" value="consiente"
                                                   <?php echo ($Respuestas['difusion_app'] === 'consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="consiente_3">Consiente</label>
                                        </div>
                                        <div class="form-check col-lg-2 mx-lg-auto ml-2 pr-lg-0">
                                            <input class="form-check-input" type="radio" name="difusion_app" id="no_consiente_3" value="no_consiente"
                                                   <?php echo ($Respuestas['difusion_app'] === 'no_consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="no_consiente_3">No consiente</label>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="form-check col-lg-8 col-12 mb-lg-0 mb-2 pl-0 pr-lg-3 pr-0">
                                            <span>Facebook</span>
                                        </div>
                                        <div class="form-check col-lg-2 col-12 mx-lg-auto ml-2 mb-lg-0 mb-2">
                                            <input class="form-check-input" type="radio" name="difusion_facebook" id="consiente_4" value="consiente"
                                                   <?php echo ($Respuestas['difusion_facebook'] === 'consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="consiente_4">Consiente</label>
                                        </div>
                                        <div class="form-check col-lg-2 mx-lg-auto ml-2 pr-lg-0">
                                            <input class="form-check-input" type="radio" name="difusion_facebook" id="no_consiente_4" value="no_consiente"
                                                   <?php echo ($Respuestas['difusion_facebook'] === 'no_consiente' ) ? 'checked' : ''; ?> required="" />
                                            <label class="form-check-label font-weight-bold" for="no_consiente_4">No consiente</label>
                                        </div>
                                    </div>
                                    <div class="row px-2">
                                        <p class="mb-0 font-weight-bold">El consentimiento aquí otorgado podrá ser revocado en
                                            cualquier momento ante el propio centro docente, teniendo
                                            en cuenta que dicha revocación no surtirá efectos retroactivos.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-4">
                            <!-- DOCUMENTOS ADJUNTOS -->
                            <div class="col-12 px-0">
                                <div class="container">
                                    <div class="row mb-2">
                                        <span class="col-12 bg-info rounded p-1 text-white text-center font-weight-bold">Documentos adjuntados</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="col-12 bg-info p-2 rounded aviso">
                                            <div class="container">
                                                <div class="row mb-1">
                                                    <div class="col-12 px-0 text-center">
                                                        <span class="font-weight-bold">&#x26A0; Aviso</span>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12 px-0">
                                                        <ul class="px-0 mb-0">
                                                            <li class="mx-4">Los formatos permitidos son <strong>jpg, jpeg, png, txt, odt, doc, docx, pdf</strong></li>
                                                            <li class="mx-4">El tamaño máximo por fichero es de <strong>10 MB</strong></li>
                                                            <li class="mx-4">
                                                                El nombre de los ficheros no debe incuir caracteres acenturados,
                                                                caracteres con diéresis, la eñe o caracteres especiales:
                                                                <strong>! &quot; # $ % &amp; &apos; * + , . / ; &lt; = &gt; ? @ [ ] ( ) ^ ` { | }</strong>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <span class="col-12 mb-0 bg-warning rounded text-black text-center font-weight-bold">Lista de documentos pendientes</span>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="col-12 px-0">
                                            <hr class="m-0 bg-grey" />
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="col-lg-6 col-12 pl-0 pr-lg-3 pr-0">
                                            <p class="mb-lg-0">
                                                DNI del alumno o alumna (o de los padres, madres o
                                                tutores legales de alumnado sin DNI) (SOLO
                                                ALUMNADO NUEVO)
                                            </p>
                                        </div>
                                        <div class="custom-file col-lg-6 col-12 my-lg-auto pl-lg-3 pl-0 pr-0">
                                            <input type="file" class="custom-file-input" id="fichero_identificacion" name="fichero_identificacion" />
                                            <label class="custom-file-label font-weight-bold" for="fichero_identificacion">
                                                <?php echo ($Respuestas['fichero_identificacion'] !== '') ? $Respuestas['fichero_identificacion'] : 'Seleccionar Archivo'; ?>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="row mb-2 px-2">
                                        <div class="col-12 px-0">
                                            <hr class="m-0 bg-grey" />
                                        </div>
                                    </div>
                                    <div class="row px-2">
                                        <div class="col-lg-6 col-12 pl-0 pr-lg-3 pr-0">
                                            <p class="mb-lg-0">
                                                Para el alumnado procedente de otros centros, certificación
                                                académica del centro de origen en el que se especifique la
                                                promoción de curso o la terminación de estudios con propuesta
                                                para titulación.
                                            </p>
                                        </div>
                                        <div class="custom-file col-lg-6 col-12 my-lg-auto pl-lg-3 pl-0 pr-0">
                                            <input type="file" class="custom-file-input" id="fichero_certificacion" name="fichero_certificacion" />
                                            <label class="custom-file-label font-weight-bold" for="fichero_certificacion">
                                                <?php echo ($Respuestas['fichero_certificacion'] !== '') ? $Respuestas['fichero_certificacion'] : 'Seleccionar Archivo'; ?>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <!-- BOTONES -->
                            <div class="col-md-8 col-12 p-0 pr-md-1 mx-auto">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-sm-6 col-12 mb-sm-0 mb-2">
                                            <button type="submit" name="operacion" value="procesar" class="btn btn-primary btn-lg btn-block">Procesar</button>
                                        </div>
                                        <div class="col-sm-6 col-12">
                                            <button type="button" onclick="location.href='.'" class="btn btn-danger btn-lg btn-block">Reiniciar</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row mb-3">
            <!-- PROCESAMIENTO -->
            <div class="col"></div>
            <div class="col-sm-8 col-12 px-0">
                <?php echo $Resultado; ?>
            </div>
            <div class="col"></div>
        </div>
    </body>

</html>
