<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/style.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/plugins/line-icons/line-icons.css">
    <link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/pages/blog_magazine.css">    
  
    <!-- CSS Theme -->    
    <link rel="stylesheet" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/theme-colors/red.css">
</head>
<body>
    <div class="wrapper" style="margin:20px; min-height: 400px">
        <div class="s-results">
            <!-- <div class="headline"><h2><?php echo $model->encuesta; ?></h2></div>    -->

            <!-- Accordion v1 -->                
                <div class="panel-group acc-v1" id="accordion-1">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-One">
                                    <i class="fa fa-pencil"></i> Autor
                                </a>
                            </h4>
                        </div>
                        <div id="collapse-One" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <p>Autor(es): <?php echo $model->autor; ?></p>
                                <p>Fecha: <?php echo $model->fecha; ?></p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Two">
                                    <i class="fa fa-key"></i> Licencia de uso
                                </a>
                            </h4>
                        </div>
                        <div id="collapse-Two" class="panel-collapse collapse" style="overflow: scroll; max-height: 300px;">
                            <div class="panel-body">
                                <p style="text-align:justify"><?php echo $model->licencia_uso; ?></p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Three">
                                    <i class="fa fa-list"></i> Resumen
                                </a>
                            </h4>
                        </div>
                        <div id="collapse-Three" class="panel-collapse collapse" style="overflow: scroll; max-height: 300px; overflow-x: hidden;">
                            <div class="panel-body">
                               <p style="text-align:justify"><?php echo $model->resumen; ?></p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Four">
                                    <i class="fa fa-list "></i> Alcance
                                </a>
                            </h4>
                        </div>
                        <div id="collapse-Four" class="panel-collapse collapse" style="overflow: scroll; max-height: 300px; overflow-x: hidden;">
                            <div class="panel-body">
                                <p style="text-align:justify"><?php echo $model->alcance; ?></p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Five">
                                    <i class="fa fa-quote-right"></i> Citación</a>
                                </a>
                            </h4>
                        </div>
                        <div id="collapse-Five" class="panel-collapse collapse" style="overflow: scroll; max-height: 300px; overflow-x: hidden;">
                            <div class="panel-body">
                                <p style="text-align:justify"><?php echo $model->citacion; ?></p>
                            </div>
                        </div>
                    </div>

                    <?php 
                        if($model->descargable == 1){
                    ?>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Six">
                                        <i class="fa fa-globe"></i> Enlaces
                                    </a>
                                </h4>
                            </div>
                            <div id="collapse-Six" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <?php
                                        if(!empty($model->enlace_original)){
                                            //filtro los enlaces normales
                                            $enlace= preg_replace("/((http|https|www)[^\s]+)/", '<p><i class="fa fa-globe"></i> Puedes encontrar el enlace original <a href="$1" target="_blank">aqu&iacute;</a></p>', $model->enlace_original);
                                            //miro si hay enlaces con solamente www, si es así le añado el http://<a href="$1">$0</a>
                                            $enlace= preg_replace("/href=\"www/", 'href="http://www', $enlace);
                                            echo $enlace;
                                        }
                                    ?>
                                </div>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-1" href="#collapse-Seven">
                                        <i class="fa fa-download"></i> Descargables
                                    </a>
                                </h4>
                            </div>
                            <div id="collapse-Seven" class="panel-collapse collapse">
                                <div class="panel-body">
                                <?php
                                    foreach ($modelBasesArchivos as $archivo) {
                                        echo '<i class="fa fa-download"></i> <a href="'.Yii::app()->getBaseUrl(true).'/archivos/'.$archivo->archivo.'" download="'.$archivo->archivo.'">'.$archivo->idTipoArchivo->nombre.'</a> <br>';
                                    }
                                ?>
                                </div>
                            </div>
                        </div>
                    <?php 
                        }
                    ?>
                </div>
                <!-- End Accordion v1 -->    
        </div>
    </div>
<!-- JS Global Compulsory -->           
<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/plugins/bootstrap/js/bootstrap.min.js"></script> 

<!-- JS Page Level -->           
<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/js/app.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();      
    });
</script>

</body>
</html>