<?php $this->load->view('template/head.php'); shuffle($images); $claves_aleatorias       = array_rand($images, 1);?>
<style>
body {
    color: #444444;
    padding: 0;
    margin: 0;
    background: #000000;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
  }
.footer-texto {color: #ffffff !important; font-size: 14px !important; 
	text-shadow:1px 1px rgba(0,0,0,0.4);}
	.footer-texto a, .footer-texto a:hover { color: #FC873A;text-shadow:none}
	.parsley-errors-list li {color: #F00; font-size: 15px; margin-top: 3px; line-height: 15px;}

	/*Slide*/

.slide {
    position: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.slide li {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    animation: animacion 64s linear infinite 0s;
}

.slide li:nth-child(1) {

    background: url('<?php echo base_url().'uploads/backgrounds/tech1.jpg' ?>') no-repeat;

}

.slide li:nth-child(2) {
    background: url('<?php echo base_url().'uploads/backgrounds/tech2.jpg' ?>') no-repeat;

    animation-delay: 16s;
}

.slide li:nth-child(3) {
    background: url('<?php echo base_url().'uploads/backgrounds/tech3.jpg' ?>') no-repeat;
    animation-delay: 32s;
}

.slide li:nth-child(4) {
    background: url('<?php echo base_url().'uploads/backgrounds/tech4.jpg' ?>') no-repeat;
    animation-delay: 48s;
}
img {
    width: 100%;
    height: auto;
    display: block;
}
</style>

<ul class="slide">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div class="container">
	<div class="row login-row">
		<div class="messages" style="">
			<?php if (isset($message)): ?>
				<?php if (isset($message['success'])): ?>
					<div class="success"><?= $message['success'] ?></div>
				<?php endif; ?>
				<?php if (isset($message['error'])): ?>
					<div class="error"><?= $message['error'] ?></div>
				<?php endif; ?>
			<?php endif; ?>
		</div>
		<div class="col-lg-6 col-md-6 login-container">
			<h3 style="color: #959595;
    border-bottom: 1px dotted var(--principal);
    padding-bottom: 10px;
    text-transform: uppercase;"><?= $titulo ?></h3>
			<?php
			$form_data         = array(
				'name'  => 'recordar_password',
				'id'    => 'recordar_password_form',
				'class' => 'login-form'
               // 'data-parsley-validate'=>""
			);
			?>
			<?php echo form_open('acceso/recordar_password', $form_data); ?>
			<?php
             //Definiciones
			$attributes_labels = array(
				'class' => 'control-label',
			);
			?>
			<?php
             //Identificación, contraseña y PIN.
             //if ($tipo_acceso === 'CP'):
			?>

			<div class="form-group input-type">
				<?= form_label('Digite su número de identificación', 'cedula', $attributes_labels); ?>
				<div class="input-group">
					<div class="input-group-addon">
						<i class="fa fa-key"></i>
					</div>
					<?=
					form_input([
						'name'     => 'cedula', 
						'id'       => 'cedula',
						'class'    => 'form-control',
						'data-parsley-type'       => 'number',
						'required' => ''
					])
					?>
				</div>
			</div>

			<div class="form-group input-type">
				<?= form_label('Digite su correo electrónico o numero de celular', 'email_celular', $attributes_labels); ?>
				<div class="input-group">
					<div class="input-group-addon">
						<i class="fa fa-inbox"></i>
					</div>
					<?=
					form_input([
						'name'     => 'email_celular', 
						'id'       => 'email_celular',
						'class'    => 'form-control',
						'required' => ''
					])
					?>
				</div>
			</div>

			<?php // endif; ?>
			<div class="boton-submit" style="margin-left: 168px;">
				<div class="input-group">
					<a href="<?php echo base_url() ?>" class="btn btn-danger" style="margin-right: 10px;font-weight: 900;
						padding: 10px 5px;color: #fff;border: none;text-transform: uppercase;transition: all 0.3s ease-out">Regresar</a>
					<input type="submit" value="Recuperar" class="btn btn-default" style="font-weight: 900;
                     padding: 10px 5px;background: var(--principal);color: #fff;border: none;text-transform: uppercase;transition: all 0.3s ease-out;"> 
				</div>  
			</div>
			<?= form_close(); ?>
		</div>
	</div>
	<?php $this->load->view('template/footer') ?>
	<?php if(isset($success)):  ?>
		

<script type="text/javascript">
$(window).load(function() {
    $(".loader").fadeOut("slow");
});

			var message = '<?= $message_send;  ?>';
			swal({
				title: "Envío exitoso",
				text: message,
				icon: "info",
				button: {
					text: "Ir al login",
					value: true,
					visible: true,
					className: "",
					closeModal: false
				},
				closeOnClickOutside: false,
				closeOnEsc: false,
			}).then((event) => {
				if (event) {
					window.location = baseUrl;
				} 
			});
			setTimeout(
				function() 
				{
					window.location = baseUrl;
				}, 5000);
			</script>

		<?php endif;  ?>

