<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    </head>
    <body>
        <div style="margin: 50px 75px; page-break-after:always;">
            <img src="{#asset top-riesgos.png @encoding=dataURI}" style="width: 100%; position: relative;">
            
            <p align="center" style="font-weight: bold; font-size: 18px;">
                Portoviejo - Manabí - Ecuador<br>
                Matriz de visita a las áreas
            </p>
            
            <br>
            
            <p align="justify">
                <b>Area visitada: </b> {{area_visitada}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Extensión: </b> {{nombre_extension}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Nombre del área visitada: </b> {{nombre_area}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Se encuentra usando correctamente la mascarilla: </b> {{mascarilla}}
                <br>
                <b>Observación: </b>{{observacion_mascarilla}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Se respeta el distanciamiento: </b> {{distanciamiento}}
                <br>
                <b>Observación: </b>{{observacion_distanciamiento}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Cantidad de personas que se encuentran en el área: </b> {{visita_detalle.length}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Novedad con trabajadores: </b> {{novedad_trabajadores}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Inducción realizada: </b> {{induccion_realizada}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Inducción realizada por: </b> {{personal_induccion}}
            </p>
            
            <hr>
            
            <p align="justify">
                <b>Visita realizada por: </b> {{personal_visita}}
            </p>
            
            <br>
            
            <p align="center">
                <img src='https://chart.googleapis.com/chart?chl=UTM_VISITA_AREA_2021&chs=100x100&cht=qr&chld=H%7C0'/>        
            </p>
        </div>
        
        <div style="margin: 50px 75px; page-break-after:always;">
            <table border="1" style="border-collapse: collapse;" width="100%">
                <tr>
                    <td><center><h5>No.</h5></center></td>
                    <td><center><h5>C.I.</h5></center></td>
                    <td><center><h5>Persona</h5></center></td>
                    <td><center><h5>Edad</h5></center></td>
                    <td><center><h5>Años Servicio</h5></center></td>
                    <td><center><h5>Régimen</h5></center></td>
                    <td><center><h5>Dirección</h5></center></td>
                    <td><center><h5>Cargo</h5></center></td>
                </tr>
               
                <tr>
                    <ul>
                        {{#each visita_detalle}}
                            <tr>
                                <td>{{indice}}</td>
                                <td>{{cedula}}</td>
                                <td>{{persona}}</td>
                                <td>{{edad}}</td>
                                <td>{{anios_servicio}}</td>
                                <td>{{regimen}}</td>
                                <td>{{direccion}}</td>
                                <td>{{cargo}}</td>
                            </tr>
                        {{/each}}
                     </ul>
                </tr>
            </table>
        </div>
        
    </body>
</html>
