<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="login-overlay" class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel"><img src="https://ssl.gstatic.com/accounts/ui/avatar_2x.png"> Logowanie do Systemu Agenta</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xs-6">
<div class="well">
<form id="loginForm" method="POST" action="/login/" novalidate="novalidate">
<div class="form-group">
<p class="ih_err"><div class="error"></div></p>
<label for="username" class="control-label">Login</label>
<input type="text" name="auth_login" placeholder="E-mail" id="input_login" class="form-control" value="" required="" title="Proszę podaj login" >
<span class="help-block"></span>
</div>
<div class="form-group">
<label for="password" class="control-label">Hasło</label>
<input type="password" name="auth_password" placeholder="Hasło" class="form-control" id="password" name="password" value="" required="" title="Proszę podaj hasło">
<span class="help-block"></span>
</div>
<div id="loginErrorMsg" class="alert alert-error hide">Nieprawidłowy login lub hasło</div>
<button name="auth_submit" value="Zaloguj się" type="submit" class="btn btn-success btn-block submit">Zaloguj</button>
</form>
</div>
</div>
<div id="ih_top">
<div class="col-xs-6">
<p class="lead">Załuż konto typu <span class="text-success">FREE</span></p>
<ul class="list-unstyled" style="line-height: 2">
<li><span class="fa fa-check text-success"></span> Bezpłatna publikacja</li>
<li><span class="fa fa-check text-success"></span> Obecność w wyszukiwarce agentów</li>
<li><span class="fa fa-check text-success"></span> Pozycjonowanie w wyszukiwarce</li>
<li><span class="fa fa-check text-success"></span> Promowanie ofert<br><small> (za dodatkową opłatą: 1 zł = 1 dzień promowania</small>)</li>
<li><span class="fa fa-check text-success"></span> Bezpłatne wsparcie techniczne</li>
<li><a href="/read-more/"><u>Dowiedz sie wiecej</u></a></li>
</ul>
<p><a class="btn btn-info btn-block" href="<?php echo site_url('auth/reminder') ?>">Nie pamiętasz hasła?</a>
<p><a href="/forgot/" class="btn btn-default btn-block">Nie możesz sie zalogować</a></p>
</div>
</div>
<div class="uciekaj"><div class="po-markup">
<a href="http://ihouse.pl" class="po-link">Chodziło Ci o Portal iHouse.pl?</a>
<div class="po-content hidden">
<div class="po-title">O iHouse.pl</div>>
<div class="po-body">
<p>
Jesteś na stronie logowania do <strong>Systemu Agenta</strong>, po kliknieciu w link zostaniesz przeniesiony do Portalu z ogłoszeniami na iHouse.pl.
</p>
</div>
</div><!-- ./po-body -->
</div> <!-- ./po-content -->
</div><!-- ./po-markup -->
<hr>
</div>
</div>
</div></div>
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
img { min-height: 40px; max-height: 40px}
.uciekaj {text-align:center;font-size: 18px;}
/*
Bootstrap Popover Ref:
http://getbootstrap.com/javascript/#popovers
Favicons Ref:
http://getfavicon.appspot.com/
(https:// links are available)
Popover ref:
Note: the JS is written, so that you can have unlimited number of popovers.
http://wolfslittlestore.be/2013/12/easy-popovers-with-bootstrap/
with:
http://jsfiddle.net/7Kd44/
*/
$(document).ready(function() {
$('.po-markup > .po-link').popover({
trigger: 'hover',
html: true, // must have if HTML is contained in popover
// get the title and conent
title: function() {
return $(this).parent().find('.po-title').html();
},
content: function() {
return $(this).parent().find('.po-body').html();
},
container: 'body',
placement: 'right'
});
});