<?php 
//Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/plugins/jquery.flot.min.js');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/custom/dashboard.js');

?>

<?php 
// In your view page do followings
$tablerow = $this->widget('application.extensions.dashboard.dashboard', array(
    'divColumns' => array('dash-column1', 'dash-column2'),// Css class names of DIV columns
    'dashHeader' => array('show'=>true, 'title'=>'Dashboard')// Dashboard header options
));
 
// Adding portlets to each column
// These column1,column2,column3 css classes are defined in dasboard/assests/css/dasboard.css 
// You can define your own columns and assign here also define them in above "divColumns" array as well
// EXAMPLE 1
// =====================
        
$actividad_7dias = '
    <p><strong><a href="#">6 candidatos</a></strong>: han pasado a estado <strong>(Borrador)</strong> en la última semana</p>
    <p><strong><a href="#">3 candidatos</a></strong>: han pasado a estado <strong>(Sin capacidades)</strong> en la última semana</p>
    <p><strong><a href="#">2 candidatos</a></strong>: han pasado a estado <strong>(Rechazados)</strong> en la última semana</p>
    <p><strong><a href="#">1 candidatos</a></strong>: han pasado a estado <strong>(Si más adelante)</strong> en la última semana</p>
    <p><strong><a href="#">15 candidatos</a></strong>: han pasado a estado <strong>(En proceso: disponible)</strong> en la última semana</p>
    <p><strong><a href="#">7 candidatos</a></strong>: han pasado a estado <strong>(En proceso: disponible asignado)</strong> en la última semana</p>
    <p><strong><a href="#">1 candidatos</a></strong>: han pasado a estado <strong>(Otras provincias)</strong> en la última semana</p>

    <br class="clear"/>
    <div style="float: right;"><button class="button button_blue">Ver más</button></div>    
';     

$actividad_gerentes = '
        <div class="tabs ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
            <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">

                <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Alejandro García (Supervisor1)</a></li>
                <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Pepe López (Supervisor2)</a></li>
                <li class="ui-state-default ui-corner-top"><a href="#tabs-3">José Pérez (Supervisor3)</a></li>
            </ul>
            <div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
                <p><strong><a href="#">3 candidatos</a></strong>: <strong>Añadidos</strong> en la última semana</p>                
                <p><strong><a href="#">6 candidatos</a></strong>: han pasado a estado <strong>(Borrador)</strong> en la última semana</p>
                <p><strong><a href="#">3 candidatos</a></strong>: han pasado a estado <strong>(Sin capacidades)</strong> en la última semana</p>
                <p><strong><a href="#">2 candidatos</a></strong>: han pasado a estado <strong>(Rechazados)</strong> en la última semana</p>
                <p><strong><a href="#">1 candidatos</a></strong>: han pasado a estado <strong>(Si más adelante)</strong> en la última semana</p>
                <p><strong><a href="#">15 candidatos</a></strong>: han pasado a estado <strong>(En proceso: disponible)</strong> en la última semana</p>
                <p><strong><a href="#">7 candidatos</a></strong>: han pasado a estado <strong>(En proceso: disponible asignado)</strong> en la última semana</p>
                <p><strong><a href="#">1 candidatos</a></strong>: han pasado a estado <strong>(Otras provincias)</strong> en la última semana</p>
                
              <br class="clear"/>
              <div style="float:right;"><button class="button button_blue">Ver más</button></div>
              <br class="clear"/>
                
            </div>

            <div id="tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
                <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
            </div>
            <div id="tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
                <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
            </div>

        </div>     
';

$situacion_actual = '
    <h1 class="prize">1.078 candidatos existentes</h1>
    <br />

    <div class="one_half bright">
        <h4>Borrador (19)</h4>
        <h4>Sin capacidades (43)</h4>
        <h4>En proceso: disponible (626)</h4>                                         
        <h4>En proceso: disponible asignado (218)</h4>                                         
    </div><!--one_half-->

    <div class="one_half last">
        <h4>Rechazados (35)</h4>
        <h4>Si más adelante (67)</h4>                   
        <h4>Otras provincias (70)</h4>                                                             
    </div>
';

$grafica = '
                <div class="progress">
                    Borrador (2%)
                    <div class="bar"><div class="value bluebar" style="width: 2%;"></div></div>
                </div><!-- progress -->
                <div class="progress">
                    Sin capacidades (4%)
                    <div class="bar"><div class="value orangebar" style="width: 4%;"></div></div>
                </div><!-- progress -->
                <div class="progress">
                    En proceso: disponible (63%)
                    <div class="bar"><div class="value redbar" style="width: 63%;"></div></div>
                </div><!-- progres s-->
                <div class="progress">
                    En proceso: disponible asignado (20%)
                    <div class="bar"><div class="value bluebar" style="width: 20%;"></div></div>
                </div><!-- progress -->
                <div class="progress">
                    Rechazados (5%)
                    <div class="bar"><div class="value orangebar" style="width: 5%;"></div></div>
                </div><!-- progress -->
                <div class="progress">
                    Si más adelante (7%)
                    <div class="bar"><div class="value redbar" style="width: 7%;"></div></div>
                </div><!-- progress -->
                <div class="progress">
                    Otras provincias (10%)
                    <div class="bar"><div class="value bluebar" style="width: 10%;"></div></div>
                </div><!-- progres s-->
';

$imagen_src = Yii::app()->baseURL . "/images/assets/image1.png";
$imagen = 
    '<p><img src="'.$imagen_src.
    '" alt="" class="imgleft" />Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>    
';

$portlets = $tablero->portlets;

?>

<div class="two_third maincontent_inner">
    <div class="left dash-column1">
        <div class="notification msgalert">
        <a class="close"></a>
        ¡¡¡¡ ESTE TABLERO ES UN EJEMPLO !!!!
        </div><!-- notification info -->

        <?php
            if (key_exists('actividad_candidatos', $portlets)) {
                $portlet = $portlets['actividad_candidatos'];
                $tablerow->addPortlet(
                        $portlet['id'],
                        $portlet['header'],
                        $this->renderPartial('portlets/'.$portlet['id'], $portlet['content'], true)
                );
            }

        ?>
        <?php $tablerow->addPortlet('actividad_gerentes', 'RESUMEN DE ACTIVIDAD DE GERENTES (últimos 7 días)', $actividad_gerentes);?>
    </div>
</div>

<div class="one_third last">
    <div class="right dash-column2">
        <?php
            if (key_exists('situacion_candidatos', $portlets)) {
                $portlet = $portlets['situacion_candidatos'];
                $tablerow->addPortlet(
                        $portlet['id'],
                        $portlet['header'],
                        $this->renderPartial('portlets/'.$portlet['id'], $portlet['content'], true)
                );
            }

        ?>
        <?php $tablerow->addPortlet('grafica', 'Gráfica', $grafica);?> 
        <?php $tablerow->addPortlet('imagen', 'Imagen', $imagen);?> 
    </div>
</div>
 
<?php $tablerow->end()?>

<br class="clear"/>