File: /var/www/gestion-formularios.bdfschool/resources/views/admin/users/users_new.blade.php
@extends('layout.layout_admin')
@section('contenido')
<div class="page-header d-flex align-items-center justify-content-between border-bottom mb-4">
<h1 class="page-title">{{ isset($title) ? $title : 'SIN TITULO' }}</h1>
<div>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="{{ route('users') }}">Gestión de Usuarios</a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{ isset($title) ? $title : 'SIN TITULO' }}</li>
</ol>
</div>
</div>
<!-- PAGE-HEADER END -->
<!-- CONTAINER -->
<div class="main-container container-fluid">
<div class="row">
<div class="col-xl-2 col-sm-2"></div>
<div class="col-xl-8 col-sm-8">
<div class="card p-3 border-20">
<div class="card-header bg-light">
<h5 class="text-center text-uppercase fs-14" style="margin: 0 auto;">
<b>{{ isset($title_form) ? $title_form : 'Formulario de Registro' }}</b>
</h5>
</div>
<div class="card-body">
<form action="{{ route('user-store') }}" method="POST" id="form">
{{ csrf_field() }}
<div class="alert alert-primary py-2 px-3 mb-4 mb-20 fs-13 text-center">
<i class="fa fa-circle-info me-2"></i> IMPORTANTE:</b> <br>El correo electrónico debe ser
válido para que el usuario pueda recibir los pasos de confirmación de cuenta
</div>
<div>
@if (session()->has('warning_message') || session()->has('danger_message'))
<div class="msg-error alert alert-danger py-2 px-3 mb-3 fs-14 text-center">
<i class="fa fa-circle-exclamation me-2"></i>
{!! session()->get('warning_message') !!}{!! session()->get('danger_message') !!}
</div>
@endif
</div>
<div class="row g-3">
<div class="col-md-6 p-1">
<div class="form-group">
<label for="rut" class="">RUT <span class="text-danger">*</span></label>
<input class="form-control" id="rut" name="rut" type="text"
placeholder="Ingrese rut..." value="{{ old('rut') }}" maxlength="12">
<small id="invalid_rut" class="text-danger ml-2"></small>
</div>
</div>
<div class="col-md-6 p-1">
<div class="form-group">
<label for="name" class="">NOMBRE COMPLETO <span
class="text-danger">*</span></label>
<input type="text" id="name" name="name" value="{{ old('name') }}"
class="form-control" placeholder="Ingrese Nombre...">
<small id="invalid_name" class="text-danger fs-12"></small>
</div>
</div>
<div class="col-md-6 p-1">
<div class="form-group">
<label for="email" class="">CORREO ELECTRÓNICO <span
class="text-danger">*</span></label>
<input type="email" id="email" name="email" value="{{ old('email') }}"
class="form-control" placeholder="Ingrese Correo electrónico...">
<small id="invalid_email" class="text-danger fs-12"></small>
</div>
</div>
<div class="col-md-6 p-1">
<div class="form-group">
<label for="profile" class="">PERFIL <span
class="text-danger">*</span></label>
<select class="form-select" id="profile" name="profile">
<option value="">Seleccione...</option>
@foreach ($profiles_data as $key)
@if ($key->id >= auth()->user()->profile_id)
<option value="<?= $key->id ?>"
{{ old('profile') != null ? (old('profile') == $key->id ? 'selected' : '') : '' }}>
{{ $key->profile }}
</option>
@endif
@endforeach
</select>
<small id="invalid_profile" class="text-danger fs-12"></small>
</div>
</div>
<div class="col-md-6 p-1">
<div class="form-group">
<label for="area" class="">ÁREA <span class="text-danger">*</span></label>
<select class="form-select" id="area" name="area">
<option value="">Seleccione...</option>
@foreach ($areas_data as $key)
<option value="<?= $key->id ?>"
{{ old('area') != null ? (old('area') == $key->id ? 'selected' : '') : '' }}>
{{ $key->area_name }}
</option>
@endforeach
</select>
<small id="invalid_area" class="text-danger fs-12"></small>
</div>
</div>
<div class="col-md-6 p-1">
<div class="form-group">
<label for="is_head_of_area" class="">¿ES JEFE DE ÁREA? <span
class="text-danger">*</span></label>
<select class="form-control" name="is_head_of_area" id="is_head_of_area">
<option value="0" {{ old('is_head_of_area') != null ? (old('is_head_of_area') == 0 ? 'selected' : '') : '' }}>
No
</option>
<option value="1" {{ old('is_head_of_area') != null ? (old('is_head_of_area') == 1 ? 'selected' : '') : '' }}>
Si
</option>
</select>
<small id="invalid_is_head_of_area" class="text-danger"></small>
</div>
</div>
<div class="col-md-6 p-1">
<div class="form-group">
<label for="notification_new_request" class="">RECIBIR NOTIFICACIÓN NUEVA SOLICITUD <span
class="text-danger">*</span></label>
<select class="form-control" name="notification_new_request" id="notification_new_request">
<option value="0" {{ old('notification_new_request') != null ? (old('notification_new_request') == 0 ? 'selected' : '') : '' }}>
No
</option>
<option value="1" {{ old('notification_new_request') != null ? (old('notification_new_request') == 1 ? 'selected' : '') : '' }}>
Si
</option>
</select>
<small id="invalid_notification_new_request" class="text-danger"></small>
</div>
</div>
<div class="col-12 d-flex justify-content-center border-top">
<div class="btn-box mt-3">
<a href="{{ route('users') }}" class="btn btn-md btn-secondary">
<i class="fa fa-reply"></i>
Volver
</a>
<button class="btn btn-primary" type="submit" id="btn_submit">
<i class="fa fa-save"></i> Guardar
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js_content')
@include('validator-rut')
@include('validator')
<script nonce="{{ app('csp_nonce') }}">
$(document).ready(function() {
validateField($('#rut').val(), 'rut', 'rut', true);
validateField($('#name').val(), 'name', 'names', true);
validateEmail($('#email').val(), 'email');
validateField($('#profile').val(), 'profile', 'select', true, 'Seleccione perfil...');
validateField($('#area').val(), 'area', 'select', true, 'Seleccione área...');
});
$('#rut').keyup(function() {
validateField($('#rut').val(), 'rut', 'rut');
});
$('#name').keyup(function() {
validateField($('#name').val(), 'name', 'names', true);
});
$('#email').keyup(function() {
validateEmail($('#email').val(), 'email', 'Ingrese un Correo Válido')
});
$('#profile').change(function() {
validateField($('#profile').val(), 'profile', 'select', true, 'Seleccione perfil...');
});
$('#area').change(function() {
validateField($('#area').val(), 'area', 'select', true, 'Seleccione área...');
});
$("#form").submit(function(e) {
e.preventDefault();
let rut = validateField($('#rut').val(), 'rut', 'rut');
let name = validateField($('#name').val(), 'name', 'names', true);
let email = validateEmail($('#email').val(), 'email');
let profile = validateField($('#profile').val(), 'profile', 'select', true, 'Seleccione perfil');
let area = validateField($('#area').val(), 'area', 'select', true, 'Seleccione área...');
if (rut == 1 && name == 1 && email == 1 && profile == 1 && area == 1) {
$("#btn_submit").attr('disabled', true);
$("#btn_submit").html(
`<span class="spinner-border spinner-border-sm" id="sign_spinner"></span> Validando...`);
setTimeout(function() {
document.getElementById("form").submit();
}, 400);
} else {
toastr["error"](`Se encontraron 1 o más Campos con Problemas. Corrija e Intente nuevamente`,
"Error de Validación")
}
});
</script>
@endsection