<!DOCTYPE html>
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php
            foreach($css_files as $file): ?>
        <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
        <?php endforeach; ?>
        <?php foreach($js_files as $file): ?>
        <script src="<?php echo $file; ?>"></script>
        <?php endforeach; ?>
    </head>
    <script>
        $(document).ready(function () {
                          $('.shadow').shadow({type:'sides',radius:'0',sides:'hz-1'});
                          $('.report-div.success').addClass( "notySuccess" );
                          $('.report-div.error').addClass( "notyError" );
                          $('.notySuccess').each(function( index, value )
                                                 {
                                                 if ($(value).html() != '')
                                                 {
                                                 noty({
                                                      layout: 'top',
                                                      type: 'success',
                                                      text: $(value).html(),
                                                      dismissQueue: true,
                                                      animation: {
                                                      open: {height: 'toggle'},
                                                      close: {height: 'toggle'},
                                                      easing: 'swing',
                                                      speed: 500
                                                      },
                                                      timeout: 3000
                                                      });
                                                 $(value).css('display', 'none');
                                                 $(value).html('');
                                                 }
                                                 }
                                                 );
                          $('.notyError').each(function( index, value )
                                               {
                                               if ($(value).html() != '')
                                               {
                                               noty({
                                                    layout: 'top',
                                                    type: 'error',
                                                    text: $(value).html(),
                                                    dismissQueue: true,
                                                    animation: {
                                                    open: {height: 'toggle'},
                                                    close: {height: 'toggle'},
                                                    easing: 'swing',
                                                    speed: 500
                                                    },
                                                    timeout: 3000
                                                    });
                                               $(value).css('display', 'none');
                                               $(value).html('');
                                               }
                                               }
                                               );
                          });
    </script>
    
    <body>
        <div class="tituloAplicacion">SECCEM Verificación en sitio</div>
        <div class="container_12">
            <div class="grid_8 push_2">
                <?php if ($tituloForma != '')
                    {
                        echo "<div class=\"tituloGrande\">" . $tituloForma . "</div>";
                    } ?>
            </div>
            <img class="imagenLogo" />
            <?php echo $output; ?>
        </div>
        <div class="copyRight">
            <div style="text-align:center;width:100%;">
                CopyRight hazTuApp.
            </div>
        </div>
        <?php
            if($this->session->flashdata('notyError'))
            {
            ?>
        <div class="notyError"><?=$this->session->flashdata('notyError')?></div>
        <?php
            }
            ?>
        <?php
            if($this->session->flashdata('notySuccess'))
            {
            ?>
        <div class="notySuccess"><?=$this->session->flashdata('notySuccess')?></div>
        <?php
            }
            ?>        
    </body>
</html>
