<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title><?php echo CHtml::encode($this->pageTitle); ?></title>
       
                  <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet"> 
            
          
            
            <?php
        $cs = Yii::app()->clientScript;
        $url = Yii::app()->request->baseUrl;
        $cs->registerCssFile($url . '/public/css/bootstrap.min.css');
        $cs->registerCssFile($url . '/public/css/metismenu.min.css');
        $cs->registerCssFile($url . '/public/css/icons.css');
        $cs->registerCssFile($url . '/public/css/form.css');
        $cs->registerCssFile($url . '/public/css/style.css');
        $cs->registerCoreScript('jquery.ui', CClientScript::POS_END);
        $cs->registerCoreScript('jquery', CClientScript::POS_END);
        $cs->registerScriptFile($url . '/public/js/bootstrap.bundle.min.js', CClientScript::POS_END);
        $cs->registerScriptFile($url . '/public/js/metismenu.min.js', CClientScript::POS_END);
        $cs->registerScriptFile($url . '/public/js/jquery.slimscroll.js', CClientScript::POS_END);
        $cs->registerScriptFile($url . '/public/js/waves.min.js', CClientScript::POS_END);
        $cs->registerScriptFile($url . '/public/js/app.js', CClientScript::POS_END);
        $cs->registerScriptFile($url . '/public/js/bootstrap.min.js', CClientScript::POS_END); 
        ?>  
        
     <link rel="icon" type="image/png" sizes="16x16" href="<?php echo Yii::app()->request->baseUrl . '/public/images/logo.png'; ?>">
        <style>
                                                
                                            @media screen and (max-width:780px) and (min-width:300px) {    
                                                
                                                #imagen{
                                                    display:none;
                                                }
                                                
                                                #divcol{
                                                    margin-top:14px;
                                                }
                                                
                                                #columna{
                                                margin-left:1px;
                                                }
                                                
                                            }
                                            </style> 
    </head>
    
    
    <style>

div.form .errorMessage {
    color: #a30808!important;
}

body {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 300% 300%;
  background-image: linear-gradient(
        -45deg, 
        #ff5a5a 0%, 
        #ff5a5a 25%, 
        #fe9a9a 51%, 
        #fe9a9a 100%
  );  
  animation: AnimateBG 20s ease infinite;
}

@keyframes AnimateBG { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
    </style>
    
    <body>
         <div class="container-scroller"   >
            <div class="container-fluid page-body-wrapper"   >
                <div class="row">
                    <div class="content-wrapper full-page-wrapper d-flex align-items-center auth">
                        <div class="row w-100" id='columna'   >
                            <div class="col-lg-8 mx-auto">
                                <div class="row ">
                                    <div class="col-12 col-sm-12 col-md-8 ">

                                        <?php echo $content; ?>

                                    </div>
                                    <div class="col-12 col-sm-12 col-md-4 align-self-center d-flex  flex-row text-center" >
                                        <div class="row" >
                                             
                                            <div id='divcol' class=" col-12 mb-3 text-center">
                           </div>
                                            
  
                                            
                                            
                                            <div class="col-12" style="margin-top: 50px;" >
                                                <img style="max-width:400px; max-height:380px; "  src="<?php echo Yii::app()->request->baseUrl; ?>/public/images/logo.png" id='imagen' class="img-fluid" >
                                            </div>
                                            <div class="col-12 mt-5">
                                                <p class="text-black font-weight-medium text-center flex-grow align-self-end"><?php echo ' Copyright &copy; ' . date('Y') . ' ' . Yii::app()->params['footer']; ?></p>
                                            </div>
                                            
                                           
                                            
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      
    </body>
</html>