<style>
    table{
        border: 1px solid #000;
        border-collapse: collapse;
        width: 600px;
        }
    
    table th{
        border: 1px solid #000;
        background:#A9BCF5;
        padding: 7px;
        }
        
    table td {
            border: 1px solid #000;
            padding: 4px;
        }
        
        p {
            padding: 4px;
            text-align: justify;
        }
        
        h2{
            color: #08088A;
        }
        
</style>
<html>
    <head>
        <title>Sistema de Inclusión de Trabajos Libres</title>
    </head>
    <body>
       
        <div align="center">
            <img src="public/img/logo_completo.png" width="500px" height="100px"/>
        </div>
        <div>
            <h2 align="center"><i>Sistema de Inclusi&oacute;n de Trabajos Libres </i></h2>
            <h3 align="center">Resumen General</h3>
        </div>

        <div>
            <label><b><i>Congreso: </i></b> {{:tipo_trabajo}} </label>
        </div>
        
        <div>
            <h4 align="left"><i>Autor (es): </i></h4>
            
                <table class="table" align="center">
                    <tr>
                        <th>C&eacute;dula</th>
                        <th>Nombres</th>
                        <th>Apellidos</th>
                        <th>En Calidad de </th>
                    </tr>
                    <?php foreach($this->datos as $i){?>
                     <tr>
                         <td><?php echo $i['cedula']?></td>
                         <td><?php echo $i['nombre']?></td>
                         <td><?php echo $i['apellido']?></td>                         
                         <td><?php echo $i['role']?></td>                     
                     </tr>
                    <?php }?>
                </table>
        </div><br>  

        <div><label align="left"><b><i>Tipo de Trabajo:</i></b> {{:tipo_trabajo}}</label></div><br>  
        
        <div><label align="left"><b><i>&Aacute;rea de Investigaci&oacute;n:</i></b> {{:tipo_trabajo}} </label></div>
        
        <div>
            <h4 align="left"><i>Datos del Trabajo.</i></h4>

            <h4 align="left">T&iacute;tulo:</h4>
            <p align="justify">
                {{:titulo}}
                ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
            </p>


            <h4 align="left">Resumen:</h4>
            <p align="justify">
                {{:resumen}}
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                cccc
            </p>
        </div>  
    </body>
</html>
