<div class="row blog-page blog-item">
    <!--/col-md-2-->

<?php if($model->activo == 1){?>
    <div class="blog col-md-12" style="width: 1170px; padding-left: -20px">
        <h2><a href="javascript:void(0);"><?php echo $model->encuesta; ?></a></h2>               
        <input type="hidden" id="tbl_encuesta" value="<?php echo $model->tabla; ?>">

        <div class="row" role="tablist">
            <ul class="nav nav-tabs">
                <li class="nav-item active" id="meta_tab">
                    <a class="nav-link" data-toggle="tab" href="#metadatos" aria-selected="true">Metadatos</a>
                </li>
                <?php
                    if($id_encuesta !== NULL){
                ?>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#table" aria-selected="false">Tabla</a>
                </li>
                <?php
                    }
                    if($id_encuesta !== NULL){
                ?>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#graph" aria-selected="false">Grafica</a>
                </li>
                <?php
                    }
                ?>
                <li class="nav-item" id="geojson_tab">
                    <a class="nav-link" data-toggle="tab" href="#geojson" aria-selected="false">Visualizador de capa</a>
                </li>
                <?php
                    $mapData=0;
                    if(!empty($modelEnc)){
                        foreach ($modelEnc as $encabezado) {
                            if(strcasecmp($encabezado['encabezado'],'longitude') == 0 || strcasecmp($encabezado['encabezado'],'estado') == 0){
                                $mapData = 1;
                            }
                        }
                        if($mapData == 1){
                ?>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#map" aria-selected="false">Mapa</a>
                        </li>
                <?php  
                    }
                }
                ?>
            </ul>
        </div>

        <div class="tab-content" style="border: solid 1px #E5E5E5; margin-left: -15px; margin-right:-15px;">
            <div class="tab-pane active" id="metadatos" role="tabpanel" aria-labelledby="metadatos-tab" style="padding: 20px">
                <?php 
                    include('metadatos.php');
                ?>
            </div>
            <div class="tab-pane" id="table" role="tabpanel" aria-labelledby="table-tab" style="padding: 20px">
                <?php 
                    include('encuesta.php');
                ?>
            </div>
            <div class="tab-pane" id="graph" role="tabpanel" aria-labelledby="graph-tab" style="padding: 20px">
                <?php 
                    include('charts.php');
                ?>
            </div>
            <div class="tab-pane" id="geojson" role="tabpanel" aria-labelledby="geojson-tab" style="padding: 20px; max-height:760px;">
                <?php 
                    include('display_geojson.php');
                ?>
            </div>
                <?php
                    if($mapData == 1){
                ?>
                       <div class="tab-pane" id="map" role="tabpanel" aria-labelledby="map-tab" style="padding: 20px">
                            <?php 
                                yii::log("MAPA: ". $mapData);
                                include('map.php');
                            ?>
                        </div>
                <?php  
                    }
                ?>
        </div>
    </div>
<?php }else{ ?>
    La gr&aacute;fica no se encuentra disponible.
<?php } ?> 
</div>