<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta name="description" content="" />
        <meta name="keywords" content=""/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>PROFIND</title>

        <link rel="shortcut icon" href="favicon.ico">
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" media="screen" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" media="screen" href="css/style.css"/>
    </head>
    <body>

        <header id="header">
            <div class="container">
                <div class="row"> 
                    <div class="span4"> <a href="index.php"><img src="img/logo.png" width="300" height="79" alt="PROFIND"></a> </div>

                    <!-- Navegación -->
                    <div class="span8">
                        <div class="tabnav-wrapper">
                            <ul id="menu" class="nav nav-tabs">
                                <li class="active"><a href="index.php">Home</a></li>
                                <li><a href="productos.html">Productos</a></li>
                                <li><a href="blog.html">Blog</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="container">
            <div class="row">
                <div class="span12 pagination-centered">
                    <h1>La herramienta de los Agentes de Selección de personal informático</h1>
                    <p>¡ Mantenga su información en un entorno privado ! ¡ Sea usted el único propietario de sus datos ! <br/> ¡ Cree su cuenta y utilícela gratis durante un mes !</p>
                </div>
            </div>
        </div>

        <div class="container">    
            <div class="row">
                <div class="span6">
                    <div id="entrar" class="form-box">
                        <h4 class="btn-primary"><i class="icon-white icon-user"></i> Entrada para socios</h4>
                        <form class="form-horizontal" id="entrarForm" method='post' action='/profind/profind/index.php?r=site/login'>
                            <fieldset>
                                <div class="control-group">
                                    <label class="control-label" for="FormularioLogin_email">Email:</label>
                                    <div class="controls">
                                        <input type="text" class="input-large" id="FormularioLogin_email" name="FormularioLogin_email">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="FormularioLogin_password">Password:</label>
                                    <div class="controls">
                                        <input type="password" class="input-large" id="FormularioLogin_password" name="FormularioLogin_password">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <div class="controls">
                                        <p>Olvidé mi password: <a id="solicitar_password" href="#">Solicitar</a></p>
                                    </div>
                                </div>
                                <div class="control-group pagination-centered resultado">
                                </div>

                                <div class="form-actions">
                                    <button title="Entrar a mi cuenta" class="btn btn-primary btn-large" type="submit">Entrar</button>
                                </div>
                            </fieldset>
                        </form>                        
                    </div>   
                </div>
                <div class="span6">
                    <div id="registro" class="form-box">
                        <h4 class="btn-success"><i class="icon-white icon-edit"></i> ¿Quiere crear una cuenta? (gratis)</h4>
                        <form class="form-horizontal" id="registroForm" method='post' action='/profind/profind/index.php?r=registroUsuario/registrar'>
                            <fieldset>
                                <div class="control-group">
                                    <label class="control-label" for="FormularioRegistro_email">Email:</label>
                                    <div class="controls">
                                        <input type="text" class="input-large" id="FormularioRegistro_email" name="FormularioRegistro_email">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="FormularioRegistro_password">Crear password:</label>
                                    <div class="controls">
                                        <input type="password" class="input-large" id="FormularioRegistro_password" name="FormularioRegistro_password">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="FormularioRegistro_password2">Confirmar password:</label>
                                    <div class="controls">
                                        <input type="password" class="input-large" id="FormularioRegistro_password2" name="FormularioRegistro_password2">
                                    </div>
                                </div>                                        
                                <div class="control-group">
                                    <div class="controls">
                                        <label for="FormularioRegistro_acepto" class="checkbox">
                                            <input type="checkbox" id="FormularioRegistro_acepto" name="FormularioRegistro_acepto" value="0"><small>Acepto los <a target="_blank" href="terminos-uso.html">Términos legales de uso</a> y la <a target="_blank" href="politica-privacidad.html">política de privacidad</a>.</small>
                                        </label>                                                                                               
                                    </div>
                                </div>
                                <div class="control-group pagination-centered resultado">
                                </div>

                                <div class="form-actions">
                                    <button title="Crear mi cuenta" class="btn btn-success btn-large" type="submit">Pulsa aquí</button>
                                </div>
                            </fieldset>
                        </form>
                    </div>                    
                </div>
            </div>
        </div>

        <div class="container clearfix">            
            <div class="row pagination-centered">
                <div class="divider"></div>
            </div>
        </div>        
        <div class="container clearfix">            
            <div class="row feature-bg-icon">
                <div class="span4">
                    <div class="icon-bg green-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
                    <p>TEXTO 1</p>
                </div>
                <div class="span4">
                    <div class="icon-bg blue-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
                    <p>TEXTO 2</p>
                </div>
                <div class="span4">
                    <div class="icon-bg red-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
                    <p><a title="Clubjobtic" href="http://www.clubjobtic.com/frasier"><strong>Visite Clubjobtic</strong><br>¡¡ La página de los Agentes de Empleo !!</a></p>
                </div>
            </div>            
        </div>


        <!-- Pie -->
        <footer id="footer">
            <div class="container">
                <div class="row">
                    <!-- Menú al pie de página -->
                    <div class="span9">
                        <div class="tabnav-wrapper">
                            <ul id="footermenu" class="nav nav-tabs">
                                <li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
                                <li><a href="contactar.html">Contactar</a></li>
                                <li><a href="terminos-uso.html">Términos legales de uso</a></li>
                                <li><a href="politica-privacidad.html">Política de Privacidad</a></li>
                                <li><a href="prensa.html">Prensa</a></li>
                                <li><a href="soporte.html">Soporte</a></li>
                            </ul>
                        </div>
                        <div class="row">
                            <div class="span9">
                                <p class="copyright">© Copyright  (Todos los derechos Reservados)</p>
                            </div>
                        </div>
                    </div>
                    <div class="span3">
                        <h5>Síguenos en:</h5>        
                        <ul class="connected">
                            <li><a title="Síguenos en LinkedIn" target="_blank" href="http://www.linkedin.com/company/2658342"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="LinkedIn"></a></li>
                            <li><a title="Síguenos en Facebook" target="_blank" href="http://www.facebook.com/pages/Selfor21/167036390097548"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="Facebook"></a></li>
                            <li><a title="Síguenos en Twitter" target="_blank" href="https://twitter.com/selfor_recruit"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="Twitter"></a></li>
                        </ul>

                    </div>
                </div>
            </div>
        </footer>

        <div id="msj_info" class="modal hide fade">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3></h3>
            </div>
            <div class="modal-body">
                <p></p>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
            </div>
        </div>

        <div id="msj_recuperar" class="modal hide fade">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Recuperar password</h3>
            </div>
            <div class="modal-body">
                <p>Indique a continuación el email de su usuario en PROFIND. Recibirá en esa dirección un correo con los pasos necesarios para recuperar su cuenta en PROFIND.</p>
                <form class="form-horizontal" id="recuperarForm" method='post' action='/profind/profind/index.php?r=seguridadUsuario/recuperar'>
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="FormularioRecuperar_email">Email:</label>
                            <div class="controls">
                                <input type="text" class="input-large" id="FormularioRecuperar_email" name="FormularioRecuperar_email">
                            </div>
                        </div>
                        <div class="control-group pagination-centered resultado"></div>
                    </fieldset>
                </form>

            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
                <button class="btn btn-primary">Solicitar</button>
            </div>                
        </div>
        
        <?php if ((isset($_GET['key'])) && (isset($_GET['email']))) { ?>
        <div id="msj_cambiarpassword" class="modal hide fade">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Cambiar password</h3>
            </div>
            <div class="modal-body">
                <p>Introduzca a continuación su nueva contraseña para su cuenta en PROFIND.</p>
                <form class="form-horizontal" id="cambiarPasswordForm" method='post' action='/profind/profind/index.php?r=seguridadUsuario/cambiarPasswordExt'>
                    <fieldset>
                        <?php if (isset($_GET['email'])) { ?>
                            <div class="control-group">
                                <label class="control-label">Email:</label>
                                <div class="controls">
                                    <label class="control-label"><?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?></label>
                                    <input type="hidden" id="FormularioCambiarPassword_email" name="FormularioCambiarPassword_email" value="<?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?>">
                                </div>
                            </div>
                        <?php } ?>

                        <div class="control-group">
                            <label class="control-label" for="FormularioCambiarPassword_password">Nueva password:</label>
                            <div class="controls">
                                <input type="password" class="input-large" id="FormularioCambiarPassword_password" name="FormularioCambiarPassword_password">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="FormularioCambiarPassword_password_repetida">Repita la password:</label>
                            <div class="controls">
                                <input type="password" class="input-large" id="FormularioCambiarPassword_password_repetida" name="FormularioCambiarPassword_password_repetida">
                            </div>
                        </div>

                        <?php if (isset($_GET['key'])) { ?>
                            <input type="hidden" id="FormularioCambiarPassword_key" name="FormularioCambiarPassword_key" value="<?php echo filter_var($_GET['key'], FILTER_SANITIZE_STRING); ?>">
                        <?php } ?>
                        
                        <div class="control-group pagination-centered resultado"></div>
                    </fieldset>
                </form>

            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                <button class="btn btn-primary">Cambiar password</a>
            </div>                
        </div>
        <?php } ?>
        
        <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.validate.min.js" type="text/javascript"></script> 
        <script src="js/bootstrap.min.js" type="text/javascript"></script> 
        <script src="js/profind.js" type="text/javascript"></script>
        <?php if ((isset($_GET['key'])) && (isset($_GET['email']))) { ?>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#msj_cambiarpassword').modal('show');
            });
        </script>
        <?php } ?>
    </body>
</html>