{"id":1556,"date":"2023-10-17T17:47:37","date_gmt":"2023-10-17T22:47:37","guid":{"rendered":"https:\/\/atleticonortefc.com\/?page_id=1556"},"modified":"2024-10-17T17:38:54","modified_gmt":"2024-10-17T22:38:54","slug":"ficha-tecnica-de-inscripcion-y-compromiso-anfc","status":"publish","type":"page","link":"https:\/\/atleticonortefc.com\/index.php\/ficha-tecnica-de-inscripcion-y-compromiso-anfc\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.4.0\/jspdf.umd.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/0.4.1\/html2canvas.min.js\"><\/script> \n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ficha T\u00e9cnica de Compromiso<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f5f5f5;\n            margin: 0;\n            padding: 0;\n        }\n        .container {\n            width: 80%;\n            margin: 20px auto;\n            background-color: white;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n        }\n        h1 {\n            text-align: left;\n            color: #333;\n        }\n        h2 {\n            text-align: left;\n            color: #333;\n        }\n\n        .form-section {\n            margin-bottom: 20px;\n        }\n        .form-section h3 {\n            border-bottom: 2px solid #4CAF50;\n            padding-bottom: 5px;\n            color: #4CAF50;\n        }\n        .form-group {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 15px;\n        }\n        .form-group label {\n            width: 30%;\n            font-weight: bold;\n            color: #333;\n        }\n        .form-group input, .form-group select {\n            width: 65%;\n            padding: 10px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n        }\n        .form-group .image-preview {\n            width: 100px;\n            height: 100px;\n            border: 1px solid #ccc;\n            margin-top: 10px;\n        }\n        .submit-button {\n            text-align: center;\n        }\n        .submit-button input {\n            padding: 10px 20px;\n            background-color: #4CAF50;\n            color: white;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 16px;\n        }\n        .submit-button input:hover {\n            background-color: #45a049;\n        }\n        .container {\n            background-image: url('https:\/\/www.transparenttextures.com\/patterns\/asfalt-dark.png');\n        }\n        h3::after {\n            content: ' \u26bd';\n            color: #ff4081;\n            font-size: 36px;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <h1>Ficha T\u00e9cnica de Compromiso<\/h1>\n\n    <!-- Datos Personales -->\n    <div class=\"form-section\">\n        <h3>Datos Personales<\/h3>\n\n        <div class=\"form-group\">\n            <label for=\"nombres\">Nombres:<\/label>\n            <input type=\"text\" id=\"nombres\" name=\"nombres\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"apellidos\">Apellidos:<\/label>\n            <input type=\"text\" id=\"apellidos\" name=\"apellidos\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"foto\">Foto:<\/label>\n            <input type=\"file\" id=\"foto\" name=\"foto\" accept=\"image\/*\">\n            <div class=\"image-preview\" id=\"imagePreview\"><\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"documento\">N\u00b0 Documento de Identidad:<\/label>\n            <input type=\"text\" id=\"documento\" name=\"documento\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"fecha_nacimiento\">Fecha de Nacimiento:<\/label>\n            <input type=\"date\" id=\"fecha_nacimiento\" name=\"fecha_nacimiento\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"lugar_nacimiento\">Lugar de Nacimiento:<\/label>\n            <input type=\"text\" id=\"lugar_nacimiento\" name=\"lugar_nacimiento\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"direccion_residencia\">Direcci\u00f3n de Residencia:<\/label>\n            <input type=\"text\" id=\"direccion_residencia\" name=\"direccion_residencia\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"barrio\">Barrio:<\/label>\n            <input type=\"text\" id=\"barrio\" name=\"barrio\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"telefono_casa\">Tel\u00e9fono de la Casa:<\/label>\n            <input type=\"text\" id=\"telefono_casa\" name=\"telefono_casa\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"celular\">Celular:<\/label>\n            <input type=\"text\" id=\"celular\" name=\"celular\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"correo\">Correo Electr\u00f3nico:<\/label>\n            <input type=\"email\" id=\"correo\" name=\"correo\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"grado_escolar\">Grado Escolar:<\/label>\n            <select id=\"grado_escolar\" name=\"grado_escolar\">\n                <option value=\"\" disabled selected>Selecciona un Grado Escolar<\/option>\n                <option value=\"primaria\">Primaria<\/option>\n                <option value=\"secundaria\">Secundaria<\/option>\n                <option value=\"universitario\">Universitario<\/option>\n                <option value=\"especializaci\u00f3n\">Especializaci\u00f3n<\/option>\n                <option value=\"maestr\u00eda\">Maestr\u00eda<\/option>\n                <option value=\"doctorado\">Doctorado<\/option>\n                <option value=\"otro\">Otro<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"profesion\">Profesi\u00f3n:<\/label>\n            <input type=\"text\" id=\"profesion\" name=\"profesion\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"nombre_empresa\">Nombre de Empresa:<\/label>\n            <input type=\"text\" id=\"nombre_empresa\" name=\"nombre_empresa\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"direccion_empresa\">Direcci\u00f3n de la Empresa:<\/label>\n            <input type=\"text\" id=\"direccion_empresa\" name=\"direccion_empresa\">\n        <\/div>\n    <\/div>\n\n    <!-- Datos Familiares -->\n    <div class=\"form-section\">\n        <h3>Datos Familiares<\/h3>\n\n        <div class=\"form-group\">\n            <label for=\"nombre_familiar\">Nombre de Familiar:<\/label>\n            <input type=\"text\" id=\"nombre_familiar\" name=\"nombre_familiar\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"parentesco\">Parentesco:<\/label>\n            <input type=\"text\" id=\"parentesco\" name=\"parentesco\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"telefono_familiar\">Tel\u00e9fono del Familiar:<\/label>\n            <input type=\"text\" id=\"telefono_familiar\" name=\"telefono_familiar\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"numero_hijos\">N\u00famero de Hijos:<\/label>\n            <input type=\"number\" id=\"numero_hijos\" name=\"numero_hijos\" min=\"0\" max=\"5\" required>\n        <\/div>\n\n        <!-- Contenedor donde se generar\u00e1n los campos din\u00e1micos de los hijos -->\n        <div id=\"hijos_campos\"><\/div>\n        \n        <script>\n    document.getElementById('numero_hijos').addEventListener('input', function() {\n        \/\/ Obtener el n\u00famero de hijos\n        let numHijos = parseInt(this.value);\n        \/\/ Seleccionar el contenedor donde se agregar\u00e1n los campos\n        let hijosContenedor = document.getElementById('hijos_campos');\n\n        \/\/ Limpiar el contenedor antes de agregar nuevos campos\n        hijosContenedor.innerHTML = '';\n\n        \/\/ Generar los campos para cada hijo\n        for (let i = 1; i <= numHijos; i++) {\n            \/\/ Crear contenedor para un hijo\n            let hijoDiv = document.createElement('div');\n            hijoDiv.classList.add('hijo');\n\n            \/\/ Crear el campo para el nombre del hijo\n            let nombreLabel = document.createElement('label');\n            nombreLabel.textContent = 'Nombre del hijo ' + i + ':';\n            let nombreInput = document.createElement('input');\n            nombreInput.type = 'text';\n            nombreInput.name = 'nombre_hijo_' + i;\n            nombreInput.required = true;\n\n            \/\/ Crear el campo para la fecha de nacimiento del hijo\n            let fechaLabel = document.createElement('label');\n            fechaLabel.textContent = 'Fecha de nacimiento del hijo ' + i + ':';\n            let fechaInput = document.createElement('input');\n            fechaInput.type = 'date';\n            fechaInput.name = 'fecha_nacimiento_hijo_' + i;\n            fechaInput.required = true;\n\n            \/\/ A\u00f1adir los campos al contenedor del hijo\n            hijoDiv.appendChild(nombreLabel);\n            hijoDiv.appendChild(nombreInput);\n            hijoDiv.appendChild(fechaLabel);\n            hijoDiv.appendChild(fechaInput);\n\n            \/\/ A\u00f1adir el contenedor del hijo al contenedor general\n            hijosContenedor.appendChild(hijoDiv);\n        }\n    });\n<\/script>\n\n    <\/div>\n   \n    <!-- Historia Cl\u00ednica -->\n    <div class=\"form-section\">\n        <h3>Historia Cl\u00ednica<\/h3>\n\n        <div class=\"form-group\">\n            <label for=\"riesgos_profesionales\">Riesgos Profesionales:<\/label>\n            <input type=\"text\" id=\"riesgos_profesionales\" name=\"riesgos_profesionales\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"alergias\">Alergias Sufridas:<\/label>\n            <input type=\"text\" id=\"alergias\" name=\"alergias\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"fracturas\">Fracturas:<\/label>\n            <input type=\"text\" id=\"fracturas\" name=\"fracturas\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"entidad_salud\">Entidad de Salud:<\/label>\n            <input type=\"text\" id=\"entidad_salud\" name=\"entidad_salud\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"peso\">Peso:<\/label>\n            <input type=\"number\" id=\"peso\" name=\"peso\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"estatura\">Estatura:<\/label>\n            <input type=\"number\" id=\"estatura\" name=\"estatura\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label for=\"tipo_sangre\">Tipo de Sangre:<\/label>\n            <select id=\"tipo_sangre\" name=\"tipo_sangre\">\n                <option value=\"\" disabled selected>Selecciona un tipo de sangre<\/option>\n                <option value=\"O+\">O+<\/option>\n                <option value=\"O-\">O-<\/option>\n                <option value=\"A+\">A+<\/option>\n                <option value=\"A-\">A-<\/option>\n                <option value=\"B+\">B+<\/option>\n                <option value=\"B-\">B-<\/option>\n                <option value=\"AB+\">AB+<\/option>\n                <option value=\"AB-\">AB-<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <!-- Datos Deportivos -->\n    <div class=\"form-section\">\n        <h3>Datos Deportivos<\/h3>\n\n        <div class=\"form-group\">\n            <label for=\"posicion\">Posici\u00f3n en la que Juega:<\/label>\n            <select id=\"posicion\" name=\"posicion\">\n                <option value=\"\" disabled selected>Selecciona una Posici\u00f3n<\/option>\n                <option value=\"arquero\">Arquero<\/option>\n                <option value=\"defensa\">Defensa<\/option>\n                <option value=\"volanteMarca\">Volante Marca<\/option>\n                <option value=\"volanteAtaque\">Volante Ataque<\/option>\n                <option value=\"delantero\">Delantero<\/option>\n            <\/select>\n        <\/div>\n\n       <div class=\"form-group half-width\">\n                <label for=\"tallaCamiseta\">Talla de Camiseta<\/label>\n                <select id=\"tallaCamiseta\" name=\"talla Camiseta\">\n                <option value=\"\" disabled selected>Selecciona una Talla<\/option>\n                <option value=\"s\">S<\/option>\n                <option value=\"m\">M<\/option>\n                <option value=\"l\">L<\/option>\n                <option value=\"xl\">XL<\/option>\n                <option value=\"xxl\">XXL<\/option>\n            <\/select>\n\n            <\/div>\n            <div class=\"form-group half-width\">\n                <label for=\"tallaPantaloneta\">Talla de Pantaloneta<\/label>\n                <select id=\"tallaCamiseta\" name=\"talla pantaloneta\">\n                <option value=\"\" disabled selected>Selecciona una Talla<\/option>\n                <option value=\"s\">S<\/option>\n                <option value=\"m\">M<\/option>\n                <option value=\"l\">L<\/option>\n                <option value=\"xl\">XL<\/option>\n                <option value=\"xxl\">XXL<\/option>\n            <\/select>\n            <\/div>\n            <div class=\"form-group half-width\">\n                <label for=\"tallaCalzado\">Talla de Calzado<\/label>\n                <input type=\"text\" id=\"tallaCalzado\" name=\"tallaCalzado\" required>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"recomendadoPor\">Nombre del Socio que lo Recomienda<\/label>\n                <input type=\"text\" id=\"recomendadoPor\" name=\"recomendadoPor\">\n            <\/div>\n        <\/div>\n\n    <div class=\"submit-button\">\n    <input type=\"submit\" value=\"Enviar\">\n<\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ficha T\u00e9cnica de Compromiso Ficha T\u00e9cnica de Compromiso Datos Personales Nombres: Apellidos: Foto: N\u00b0 Documento de Identidad: Fecha de Nacimiento: Lugar de Nacimiento: Direcci\u00f3n de Residencia: Barrio: Tel\u00e9fono de la Casa: Celular: Correo Electr\u00f3nico: Grado Escolar: Selecciona un Grado EscolarPrimariaSecundariaUniversitarioEspecializaci\u00f3nMaestr\u00edaDoctoradoOtro Profesi\u00f3n: Nombre de Empresa: Direcci\u00f3n de la Empresa: Datos Familiares Nombre de Familiar: Parentesco: Tel\u00e9fono [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/pages\/1556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/comments?post=1556"}],"version-history":[{"count":52,"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/pages\/1556\/revisions"}],"predecessor-version":[{"id":2305,"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/pages\/1556\/revisions\/2305"}],"wp:attachment":[{"href":"https:\/\/atleticonortefc.com\/index.php\/wp-json\/wp\/v2\/media?parent=1556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}