File: /var/www/proveedores.bradford/application/views/shared/layout.php
<!DOCTYPE html>
<!--Author: Grupo automata-->
<html>
<head>
<meta charset="utf-8">
<title><?= $_ENV['APP_NAME'] ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="<?= ASSETS ?>/images/cropped-favicon.fw_-32x32.png" sizes="32x32" />
<link rel="stylesheet" href="<?= ASSETS ?>/fonts/material-design-iconic-font/css/material-design-iconic-font.min.css">
<script src="<?= ASSETS ?>/js/jquery.min.js" type="text/javascript"></script>
<script src="<?= ASSETS ?>/js/jquery.mask.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?= ASSETS ?>/css/style.css">
<style>
.img-sm {
display: none;
}
@media (max-width:700px) {
.img-md {
display: none;
}
.img-sm {
display: block;
}
}
.error {
border: 2px solid #ff8383;
padding: 5px;
}
</style>
</head>
<body>
<div class="wrapper" style="background-image: url('<?= ASSETS ?>/images/bradford-back.png');">
<div class="inner">
<div class="image-holder">
<img class="img-sm" src="<?= ASSETS ?>/images/IG-Post-Proveedores2.png" alt="">
<img class="img-md" src="<?= ASSETS ?>/images/IG-Story-Proveedores.png" alt="">
</div>
<form action="<?= base_url('enviar') ?>" method="post" enctype="multipart/form-data" id="form-register">
<h3>Registro proveedores </h3>
<div class="form-wrapper">
<input name="nombre" id="name" type="text" placeholder="Nombre contacto" required class="form-control">
<i class="zmdi zmdi-account"></i>
</div>
<div class="form-wrapper">
<input name="email" id="email" type="email" placeholder="Email" required class="form-control">
<i class="zmdi zmdi-email"></i>
</div>
<div class="form-wrapper">
<input name="empresa" id="empresa" type="tel" placeholder="Empresa" required class="form-control">
<i class="zmdi zmdi-city"></i>
</div>
<div class="form-group">
<input name="rut" id="rut" type="text" placeholder="Rut" required class="form-control">
<input name="telefono" id="telefono" type="tel" placeholder="teléfono" required class="form-control">
<i class="zmdi zmdi-phone"></i>
</div>
<div class="form-wrapper">
<select name="giro" id="giro" required class="form-control">
<option value="" disabled selected>Giro</option>
<?php foreach ($giros as $key => $value): ?>
<option value="<?= $value->id ?>"><?= $value->name ?></option>
<?php endforeach ?>
</select>
<i class="zmdi zmdi-caret-down" style="font-size: 17px"></i>
</div>
<div class="form-wrapper">
<select name="region" id="region" required class="form-control">
<option value="" disabled selected>Region</option>
<?php foreach ($regiones as $key => $value): ?>
<option value="<?= $value->id ?>"><?= $value->name ?></option>
<?php endforeach ?>
</select>
<i class="zmdi zmdi-caret-down" style="font-size: 17px"></i>
</div>
<div class="form-wrapper comuna_div">
<select name="comuna" id="comuna" required class="form-control">
<option value="" disabled selected>Comuna</option>
</select>
<i class="zmdi zmdi-caret-down" style="font-size: 17px"></i>
</div>
<div class="form-wrapper">
<input name="files[]" accept=".jpg,.jpeg,.png,.webp,.pdf,.doc,.docx,.xls,.xlsx,.csv"
id="files" required multiple type="file" placeholder="Email" class="form-control">
<i class="zmdi zmdi-file"></i>
</div>
<div class="form-wrapper">
<textarea name="comentarios" id="comments" placeholder="Comentarios" class="form-control" style="height: 70px;"></textarea>
</div>
<button id="enviar" type="submit">Registrar
<i class="zmdi zmdi-arrow-right"></i>
</button>
</form>
</div>
</div>
<script>
$("#region").on("change", function() {
region_id = $(this).val();
$.get("<?= base_url('get-comuna/') ?>" + region_id, function(data) {
$(".comuna_div").html(data);
});
});
$('#rut').mask('00.000.000-0', {
reverse: true
});
$('#telefono').mask('+560-0000-0000');
$("#rut").on("change", function() {
if (!validarRUT($(this).val())) {
alert('Rut inválido, favor corregir');
$(this).val('');
$(this).addClass('error');
} else {
$(this).removeClass('error');
}
});
function validarRUT(rut) {
var valor = rut.replace(/\./g, '').replace('-', '');
var cuerpo = valor.slice(0, -1);
var dv = valor.slice(-1).toUpperCase();
if (cuerpo.length < 7) {
return false;
}
var suma = 0;
var multiplo = 2;
for (var i = 1; i <= cuerpo.length; i++) {
var index = multiplo * valor.charAt(cuerpo.length - i);
suma += index;
if (multiplo < 7) {
multiplo += 1;
} else {
multiplo = 2;
}
}
var dvEsperado = 11 - (suma % 11);
dv = (dv == 'K') ? 10 : dv;
dv = (dv == 0) ? 11 : dv;
return dvEsperado == dv;
}
<?php if (!empty($ok_email)): ?>
alert('<?= $ok_email ?>');
<?php endif ?>
document.getElementById('form-register').addEventListener('submit', function() {
var boton = document.getElementById('enviar');
boton.disabled = true;
boton.innerText = 'Enviando...';
});
</script>
</body>
</html>