<?php
	defined('BASEPATH') OR exit('No direct script access allowed');
?>
 
<div class="login-wrapper ">
	<!-- START Login Background Pic Wrapper-->
	<div class="bg-pic">
		<!-- START Background Pic
		<?php echo base_url($plugins_dir . '/login/pace/pace-theme-flash.css'); ?>
		-->
		
		<img src=			"<?php echo base_url($plugins_dir . '/login/img/demo/sirt-wall.jpg'); ?>" 
			data-src=		"<?php echo base_url($plugins_dir . '/login/img/demo/sirt-wall.jpg'); ?>" 
			data-src-retina="<?php echo base_url($plugins_dir . '/login/img/demo/sirt-wall.jpg'); ?>" 
			alt="" 
			class="lazy">
		<!-- END Background Pic-->
		<!-- START Background Caption-->
		<div class="bg-caption pull-bottom sm-pull-bottom text-white p-l-20 m-b-20">
			<h2 class="semi-bold text-white">
				<!-- Disfrutá más de la vida. <br>  Tu Intranet a la vanguardia para vos -->
			</h2>
			<p class="small">
				<!--  Investigación y Desarrollo © 2015-2016 Dpto. de Informatica SIRT.  -->
			</p>
		</div>
		<!-- END Background Caption-->
	</div>
	<!-- END Login Background Pic Wrapper-->

	<!-- START Login Right Container-->
	<div class="login-container bg-white">
		<div class="p-l-50 m-l-20 p-r-50 m-r-20 p-t-50 m-t-30 sm-p-l-15 sm-p-r-15 sm-p-t-40">
			<img src=			"<?php echo base_url($plugins_dir . '/login/img/demo/logo.png'); 		?>" alt="logo" 
				data-src=		"<?php echo base_url($plugins_dir . '/login/img/demo/logo.png'); 		?>" 
				data-src-retina="<?php echo base_url($plugins_dir . '/login/img/demo/logo_2x.png'); 	?>" width="78" height="22"
				>
			 
			<!-- START Login Form -->

 


				<div class="login-logo">
					<a href="#"><b>Admin</b><?php echo $title_lg; ?></a>
				</div>

				<div class="login-box-body">
					<p class="login-box-msg"><?php echo lang('auth_sign_session'); ?></p>
					<?php echo $message;?>
					
					<?php echo form_open('auth/login');?>
					<div class="form-group has-feedback">
						<?php echo form_input($identity);?>
						<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
					</div>
					<div class="form-group has-feedback">
						<?php echo form_input($password);?>
						<span class="glyphicon glyphicon-lock form-control-feedback"></span>
					</div>
					
					<div class="row">
						<div class="col-xs-8">
							<div class="checkbox icheck">
								<label>
									<?php echo form_checkbox('remember', '1', FALSE, 'id="remember"'); ?><?php echo lang('auth_remember_me'); ?>
								</label>
							</div>
						</div>
						<div class="col-xs-4">
							<?php echo form_submit('submit', lang('auth_login'), array('class' => 'btn btn-primary btn-block btn-flat'));?>
						</div>
					</div>
					<?php echo form_close();?>
					
					<?php if ($auth_social_network == TRUE): ?>
					<div class="social-auth-links text-center">
						<p>- <?php echo lang('auth_or'); ?> -</p>
						<?php echo anchor('#', '<i class="fa fa-facebook"></i>' . lang('auth_sign_facebook'), array('class' => 'btn btn-block btn-social btn-facebook btn-flat')); ?>
						<?php echo anchor('#', '<i class="fa fa-google-plus"></i>' . lang('auth_sign_google'), array('class' => 'btn btn-block btn-social btn-google btn-flat')); ?>
					</div>
					<?php endif; ?>
					<?php if ($forgot_password == TRUE): ?>
					<?php echo anchor('#', lang('auth_forgot_password')); ?><br />
					<?php endif; ?>
					<?php if ($new_membership == TRUE): ?>
					<?php echo anchor('#', lang('auth_new_member')); ?><br />
					<?php endif; ?>
				</div>





			<!--END Login Form-->
			<div class="pull-bottom sm-pull-bottom">
				<div class="m-b-30 p-r-80 sm-m-t-20 sm-p-r-15 sm-p-b-20 clearfix">
					<div class="col-sm-3 col-md-2 no-padding">
						<img alt="" class="m-t-5" 
						data-src=			"<?php echo base_url($plugins_dir . '/login/img/demo/pages_icon.png'); 	?>" 
						data-src-retina=	"<?php echo base_url($plugins_dir . '/login/img/demo/pages_icon_2x.png');	?>" height="60" 
						src=				"<?php echo base_url($plugins_dir . '/login/img/demo/pages_icon.png');	?>" width="60"
						>
					</div>
					<div class="col-sm-9 no-padding m-t-10">
						<p>
							<small>
								Create a pages account. If you have a facebook account, log into it for this
								process. Sign in with <a href="#" class="text-info">Facebook</a> or 
								<a href="#"
								class="text-info">Google</a>
							</small>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END Login Right Container-->

</div>


<!-- START OVERLAY -->
<div class="overlay hide" data-pages="search">
	<!-- BEGIN Overlay Content !-->
	<div class="overlay-content has-results m-t-20">
		<!-- BEGIN Overlay Header !-->
		<div class="container-fluid">
			<!-- BEGIN Overlay Logo !-->
			<img 
				class=			"overlay-brand" 
				src=			"<?php echo base_url($plugins_dir . '/login/img/logo.png');		?>" alt="logo" 
				data-src=		"<?php echo base_url($plugins_dir . '/login/img/logo.png'); 		?>" 
				data-src-retina="<?php echo base_url($plugins_dir . '/login/img/logo_2x.png'); 	?>" width="78" height="22"
			>
			<!-- END Overlay Logo !-->
			<!-- BEGIN Overlay Close !-->
			<a href="#" class="close-icon-light overlay-close text-black fs-16">
				<i class="pg-close"></i>
			</a>
			<!-- END Overlay Close !-->
		</div>
		<!-- END Overlay Header !-->
		<div class="container-fluid">
			<!-- BEGIN Overlay Controls !-->
			<input id="overlay-search" class="no-border overlay-search bg-transparent" placeholder="Search..." autocomplete="off" spellcheck="false">
			<br>
			<div class="inline-block">
				<div class="checkbox right">
					<input id="checkboxn" type="checkbox" value="1" checked="checked">
					<label for="checkboxn"><i class="fa fa-search"></i> Search within page</label>
				</div>
			</div>
			<div class="inline-block m-l-10">
				<p class="fs-13">Press enter to search</p>
			</div>
			<!-- END Overlay Controls !-->
		</div>
		<!-- BEGIN Overlay Search Results, This part is for demo purpose, you can add anything you like !-->
		<div class="container-fluid">
			<span>
				<strong>suggestions :</strong>
			</span>
			<span id="overlay-suggestions"></span>
			<br>
			<div class="search-results m-t-40">
				<p class="bold">Pages Search Results</p>
				<div class="row">
					<div class="col-md-6">
						<!-- BEGIN Search Result Item !-->
						<div class="">
							<!-- BEGIN Search Result Item Thumbnail !-->
							<div class="thumbnail-wrapper d48 circular bg-success text-white inline m-t-10">
								<div>
									<img 
									width=			"50" 
									height=			"50" 
									src=			"<?php echo base_url($plugins_dir . '/login/img/profiles/avatar.jpg');		?>" 
									data-src=		"<?php echo base_url($plugins_dir . '/login/img/profiles/avatar.jpg');		?>" 
									data-src-retina="<?php echo base_url($plugins_dir . '/login/img/profiles/avatar2x.jpg');		?>" 
									alt="">
								</div>
							</div>
							<!-- END Search Result Item Thumbnail !-->
							<div class="p-l-10 inline p-t-5">
								<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> on pages</h5>
								<p class="hint-text">via john smith</p>
							</div>
						</div>
						<!-- END Search Result Item !-->
						<!-- BEGIN Search Result Item !-->
						<div class="">
							<!-- BEGIN Search Result Item Thumbnail !-->
							<div class="thumbnail-wrapper d48 circular bg-success text-white inline m-t-10">
								<div>T</div>
							</div>
							<!-- END Search Result Item Thumbnail !-->
							<div class="p-l-10 inline p-t-5">
								<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> related topics</h5>
								<p class="hint-text">via pages</p>
							</div>
						</div>
						<!-- END Search Result Item !-->
						<!-- BEGIN Search Result Item !-->
						<div class="">
							<!-- BEGIN Search Result Item Thumbnail !-->
							<div class="thumbnail-wrapper d48 circular bg-success text-white inline m-t-10">
								<div><i class="fa fa-headphones large-text "></i>
								</div>
							</div>
							<!-- END Search Result Item Thumbnail !-->
							<div class="p-l-10 inline p-t-5">
								<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> music</h5>
								<p class="hint-text">via pagesmix</p>
							</div>
						</div>
						<!-- END Search Result Item !-->
					</div>
					<div class="col-md-6">
						<!-- BEGIN Search Result Item !-->
						<div class="">
							<!-- BEGIN Search Result Item Thumbnail !-->
							<div class="thumbnail-wrapper d48 circular bg-info text-white inline m-t-10">
								<div><i class="fa fa-facebook large-text "></i>
								</div>
							</div>
							<!-- END Search Result Item Thumbnail !-->
							<div class="p-l-10 inline p-t-5">
								<h5 class="m-b-5"><span class="semi-bold result-name">ice cream</span> on facebook</h5>
								<p class="hint-text">via facebook</p>
							</div>
						</div>
						<!-- END Search Result Item !-->
						<!-- BEGIN Search Result Item !-->
						<div class="">
							<!-- BEGIN Search Result Item Thumbnail !-->
							<div class="thumbnail-wrapper d48 circular bg-complete text-white inline m-t-10">
								<div><i class="fa fa-twitter large-text "></i>
								</div>
							</div>
							<!-- END Search Result Item Thumbnail !-->
							<div class="p-l-10 inline p-t-5">
								<h5 class="m-b-5">Tweats on<span class="semi-bold result-name"> ice cream</span></h5>
								<p class="hint-text">via twitter</p>
							</div>
						</div>
						<!-- END Search Result Item !-->
						<!-- BEGIN Search Result Item !-->
						<div class="">
							<!-- BEGIN Search Result Item Thumbnail !-->
							<div class="thumbnail-wrapper d48 circular text-white bg-danger inline m-t-10">
								<div><i class="fa fa-google-plus large-text "></i>
								</div>
							</div>
							<!-- END Search Result Item Thumbnail !-->
							<div class="p-l-10 inline p-t-5">
								<h5 class="m-b-5">Circles on<span class="semi-bold result-name"> ice cream</span></h5>
								<p class="hint-text">via google plus</p>
							</div>
						</div>
						<!-- END Search Result Item !-->
					</div>
				</div>
			</div>
		</div>
		<!-- END Overlay Search Results !-->
	</div>
	<!-- END Overlay Content !-->
</div>
