MINI MINI MANI MO
@extends('layouts.app')
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/sweetalert/sweetalert.css') }}">
@section('title')
Datos personales
@endsection
@section('content')
<div class="card-body">
{{-- {!! Form::open(['route'=>'datosPersonales.store', 'method'=>'POST', 'files' => true, 'role' => 'form', 'id' => '']) !!}--}}
<div class="container">
<div class="section">
<div class="card">
<div class="card-content">
<div class="row">
<div class="col s12">
<div class="card-alert card pink lighten-4" style="background-color: #E8E8E8!important;">
<div class="card-content white-text" >
<span class="card-title white-text darken-1">
<i class="material-icons" style="color:black; ">notifications</i> <b style="color:black;">Actualización de datos de contacto</b></span>
<p style="color: black">
Para garantizar que la información registrada en el Sistema de Documentación Digital se notifique correctamente a los destinatarios, se solicita la actualización de sus datos
de contacto, como la dirección de correo electrónico y el número de teléfono. Esta actualización es fundamental para asegurar que reciban a tiempo todas las notificaciones
oficiales y la documentación relevante.
</p>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="row">
<h6>ACTUALIZACIÓN DE FOTO DE PERFIL</h6>
</div>
<div class="row">
<div class="input-field col s6">
<div class="form-group">
<label class="control-label"><strong>Seleccione una foto: *</strong></label>
<div class="file-field input-field" >
<div class="btn bg-primary" ><i class="material-icons left">attach_file</i>
<span>Archivo</span>
<input type="file" id="path_fotos" name="path_fotos">
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text" placeholder="Foto" >
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<h6>DATOS DE CONTACTO</h6>
</div>
<div class="row">
<div class="input-field col s6">
<div class="form-group">
<label class="control-label"><strong>Correo electrónico: *</strong></label>
<input type="text" name="email" id="email" class="form-control" placeholder="Correo electronico" required value="{{$user->email}}">
</div>
</div>
<div class="input-field col s6">
<div class="form-group">
<label class="control-label"><strong>Confirme correo electrónico: *</strong></label>
<input type="text" name="email1" id="email1" class="form-control" placeholder="Correo electronico" disabled>
</div>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<div class="form-group">
<label class="control-label"><strong>Número teléfonico: *</strong></label>
<input type="text" name="cel" id="cel" class="form-control" maxlength="10" size="10" placeholder="722952905" required value="{{$user->cel}}">
</div>
</div>
<div class="input-field col s6">
<div class="form-group">
<label class="control-label"><strong>Confirme número teléfonico: *</strong></label>
<input type="text" name="cel1" id="cel1" class="form-control" maxlength="10" size="10" placeholder="722952905" disabled>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col s12">
<div class="card-alert card pink lighten-4" style="background-color: #E8E8E8!important;">
<div class="card-content white-text" >
<span class="card-title white-text darken-1">
<i class="material-icons" style="color:black; ">notifications</i> <b style="color:black;">Notificaciones por whatsapp</b></span>
<p style="color: black">
Si desea recibir notificaciones por WhatsApp de los turnos enviados a su bandeja de entrada, seleccione la opción "Sí".
Asegúrese de que su número de teléfono esté actualizado para que pueda recibir las alertas de manera efectiva.
</p>
<div class="form-group">
<div class="switch">
<label><br>
No
<input type="checkbox" id="whats" name="whats" @if($user->whats == 1)checked @endif>
<span class="lever"></span>
Sí
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
{{-- <div class="row">--}}
{{-- <h6>AVISO DE PRIVACIDAD Y CONSENTIMIENTO DE USO</h6>--}}
{{-- </div>--}}
{{-- <div class="row">--}}
{{-- <div class="input-field col s4">--}}
{{-- <div class="form-group">--}}
{{-- @if($avisos)--}}
{{-- <a onclick="verAviso({{$avisos->id}}, 1)"><i class="material-icons left">insert_drive_file</i></a>--}}
{{-- @else--}}
{{-- <label><input type="checkbox" class="chk-box" name="aviso" id="aviso"><span></span></label>--}}
{{-- @endif--}}
{{-- <label class="control-label"><strong>Leer aviso de privacidad </strong></label>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="row">--}}
{{-- <div class="input-field col s4">--}}
{{-- <div class="form-group">--}}
{{-- @if($avisos)--}}
{{-- <a onclick="verAviso({{$avisos->id}}, 2)"><i class="material-icons left">insert_drive_file</i></a>--}}
{{-- @else--}}
{{-- <label><input type="checkbox" class="chk-box" name="terminosC" id="terminosC"><span></span></label>--}}
{{-- @endif--}}
{{-- <label class="control-label"><strong>Leer términos y condiciones </strong></label>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- @endif--}}
<br>
<div class="row">
<div class="col s12">
<center>
<input type="hidden" name="rfc" id="rfc" value="{{$user->rfc}}">
{{-- <input type="hidden" name="path_aviso" id="path_aviso">--}}
{{-- <input type="hidden" name="path_termino" id="path_termino">--}}
<a class="waves-effect waves-dark btn btn-primary" type="submit" onclick="guardar()" style="border-radius: 10px;">
<span style="color:white">Actualizar </span>
</a>
</center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{--<div class="modal fade" id="modal_aviso" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">--}}
{{-- <div class="modal-content" style="overflow-y: scroll;">--}}
{{-- <div class="modal-header">--}}
{{-- <div class="row">--}}
{{-- <h6 style="font-family: Arial;"><b>Aviso de privacidad</b></h6>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="modal-body" style="height: 400px; overflow-y: auto;">--}}
{{-- <div class="row">--}}
{{-- <div class="input-field col s12">--}}
{{-- <div class="form-group">--}}
{{-- <center><b>Aviso de privacidad simplificado del Sistema Electrónico de Archivo del Poder Legislativo del Estado de México (SEAPLEM). </b></center><br><br>--}}
{{-- <p style="font-family: Arial; text-align: justify;">La recolección de datos personales se lleva a cabo a través de <a href="https://administracionyfinanzasplem.gob.mx/documentacion/login"> https://documentacionsaf.gob.mx/documentacion/login </a>, cuyo administrador y responsable del tratamiento es la Secretaría de Administración y Finanzas del Poder Legislativo del Estado de México. Al mismo tiempo, la Dirección de Informática dependiente de la Secretaría de Administración y Finanzas; es la responsable de la administración del SEAPLEM.</p>--}}
{{-- <p style="font-family: Arial; text-align: justify;">Los datos personales que se recaban en este sitio como el nombre completo y apellidos, fotografía, correo electrónico y teléfono celular, serán utilizados con la finalidad de buscar, generar, validar y obtener el acceso vía mensaje de texto al SEAPLEM.</p>--}}
{{-- <p style="font-family: Arial; text-align: justify;">Dicha información será tratada de conformidad a lo dispuesto expresamente por la Ley y/o por contar con su consentimiento expreso y/o tácito, fundamento que se expresa en el correspondiente aviso de privacidad, y consentimiento que se entiende otorgado a través del llenado del formulario de los datos requeridos para el acceso al SEAPLEM.</p>--}}
{{-- <br>--}}
{{-- <p style="font-family: Arial; text-align: justify;">Si deseas conocer nuestro aviso de privacidad integral, lo podrás consultar en el portal:<br> <a href="https://administracionyfinanzasplem.gob.mx/documentacion/avisosdeprivacidad">https://administracionyfinanzasplem.gob.mx/documentacion/avisosdeprivacidad</a></p>--}}
{{-- <br>--}}
{{-- <b>Tipos de consentimiento</b> <br>--}}
{{-- <p style="font-family: Arial; text-align: justify;"><b>Artículo 20. </b>El consentimiento podrá manifestarse de forma expresa o tácita.</p>--}}
{{-- <p style="font-family: Arial; text-align: justify;">El<b> consentimiento será tácito </b>cuando habiéndose puesto a disposición de la o el titular el aviso de privacidad, éste no manifieste su voluntad en sentido contrario.</p>--}}
{{-- <p style="font-family: Arial; text-align: justify;">Por regla general será válido el consentimiento tácito, salvo que la Ley o las disposiciones legales aplicables exijan que la voluntad del titular se manifieste expresamente.</p>--}}
{{-- <p style="font-family: Arial; text-align: justify;"><b>El consentimiento será expreso cuando la voluntad de la o el titular se manifieste </b> verbalmente, por escrito, <b> por medios electrónicos </b> , ópticos, signos inequívocos o por cualquier otra tecnología, de acuerdo con la naturaleza del tratamiento, cuando así lo requiera una ley o los datos sean tratados para finalidades distintas. Cuando el tratamiento sea de datos personales sensibles, el consentimiento será expreso y por escrito. </p>--}}
{{-- <p style="font-family: Arial; text-align: justify;"><b>El responsable obtendrá el consentimiento expreso </b> y por escrito <b> de la o el titular para su tratamiento, a través de </b> de la o el titular para su tratamiento, a través de <b> cualquier mecanismo de autenticación que al efecto se establezca </b> cualquier mecanismo de autenticación que al efecto se establezca </p>--}}
{{-- <br>--}}
{{-- <b>Del Aviso de Privacidad Simplificado </b><br>--}}
{{-- <p style="font-family: Arial; text-align: justify;"> <b>Artículo 32. Cuando los datos sean obtenidos directamente de la o el titular, por cualquier medio electrónico, </b>óptico, sonoro, visual o a través de cualquier otra tecnología, el aviso de privacidad será puesto a disposición en lugar visible, previendo los medios o mecanismos para que la o el titular conozca el texto completo del aviso.</p>--}}
{{-- <p style="font-family: Arial; text-align: justify;">La puesta a disposición del aviso de privacidad, no exime al responsable de su obligación de proveer los mecanismos para que la o el titular pueda conocer el contenido del aviso de privacidad integral.</p>--}}
{{-- <br>--}}
{{-- <b>Contenido del Aviso de Privacidad Simplificado</b><br>--}}
{{-- <p style="font-family: Arial; text-align: justify;"><b>Artículo 33. </b> El aviso de privacidad simplificado deberá contener, al menos, la información a que se refieren las fracciones I, VII, VIII y IX del artículo relativo al contenido del aviso de privacidad integral. </p>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="modal-footer">--}}
{{-- <h6 style="font-family: Arial;"><b>Acepto términos y condiciones del uso de datos personales a que se refiere el presente aviso de privacidad.</b>--}}
{{-- <label><input type="checkbox" class="chk-box" name="acepto_terminos" id="acepto_terminos" @if($avisos) checked @endif><span></span></label></h6>--}}
{{-- </div>--}}
{{-- </div>--}}
{{--</div>--}}
{{--<div class="modal fade" id="modal_terminos" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">--}}
{{-- <div class="modal-content" style="overflow-y: scroll;">--}}
{{-- <div class="modal-header">--}}
{{-- <div class="row">--}}
{{-- <h6 style="font-family: Arial;"><b>Términos y condiciones</b></h6>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="modal-body" style="height: 400px; overflow-y: auto;">--}}
{{-- <div class="row">--}}
{{-- <div class="input-field col s12">--}}
{{-- <div class="form-group">--}}
{{-- <label class="control-label"><strong><center>Sistema Documentación digital </center></strong><br></label>--}}
{{-- <label>--}}
{{-- La Dirección de Situación Patrimonial a través del Departamento de Registro Patrimonial es el área responsable de dar tratamiento a los datos personales que se recaban a través de su Sistema de Datos Personales.--}}
{{-- Una vez recabados, los datos personales son concentrados en la plataforma denominada “Sistema Declara Legis net”, y los cuales son tratados de conformidad con lo dispuesto por la Ley de Protección de Datos Personales en Posesión de Sujetos Obligados del Estado de México y Municipios y demás normatividad que resulte aplicable.--}}
{{-- Por lo anterior y de conformidad con el artículo 31 de la Ley de Protección de Datos Personales en Posesión de Sujetos Obligados del Estado de México y Municipios, se da a conocer el presente Aviso de Privacidad para toda persona física cuya relación con la Dirección implique que deban proporcionar sus datos personales--}}
{{-- </label>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="modal-footer">--}}
{{-- <h6 style="font-family: Arial;"><b>Acepto términos y condiciones del uso de datos personales a que se refiere el presente aviso de privacidad.</b>--}}
{{-- <label><input type="checkbox" class="chk-box" name="acepto_terminos_condiciones" id="acepto_terminos_condiciones" @if($avisos) checked @endif><span></span></label></h6>--}}
{{-- </div>--}}
{{-- </div>--}}
{{--</div>--}}
@endsection
@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('.modal').modal({
dismissible: true
});
$(document).on('change', '#email', function() {
$("#email1").prop("required", true);
$("#email1").prop("disabled", false);
$("#email1").val('');
});
$(document).on('change', '#email1', function() {
var email = $("#email").val();
var email1 = $("#email1").val();
if (email != email1){
swal({
title: "¡Atención!",
text: "Los correos no coinciden",
timer: 4000,
icon: 'warning',
buttons: false
}).then(function (){
$("#email1").val('');
return false;
});
}
});
$(document).on('change', '#cel1', function() {
var cel = $("#cel").val();
var cel1 = $("#cel1").val();
if (cel1 != cel){
swal({
title: "¡Atención!",
text: "Los números no coinciden",
timer: 4000,
icon: 'warning',
buttons: false
}).then(function (){
$("#cel1").val('');
return false;
});
}
});
$(document).on('change', '#cel', function() {
$("#cel1").prop("required", true);
$("#cel1").prop("disabled", false);
$("#cel1").val('');
});
function guardar(){
let fd = new FormData();
fd.append("path_fotos", document.getElementById("path_fotos").files[0])
fd.append("rfc", $("#rfc").val())
fd.append("email", $("#email").val())
fd.append("cel", $("#cel").val())
if ($("#whats:checked").val() == null){
fd.append("whats", 0)
}else{
fd.append("whats", 1)
}
// if ($("#acepto_terminos_condiciones:checked").val() == null || $("#acepto_terminos:checked").val() == null) {
// swal({
// title: "¡Atención!",
// text: "Debe de aceptar los términos y condiciones",
// timer: 4000,
// icon: 'warning',
// buttons: false
// }).then(function (){
// return false;
// });
// }else{
$.ajax({
url: "{{ route('datosPersonales.store') }}",
type: 'post',
data: fd,
contentType: false,
processData: false,
beforeSend: function() {},
success: function(json) {
console.log(json);
if (json == 1){
swal({
title: "",
text: "Datos actualizados correctamente",
timer: 2000,
icon: 'success',
buttons: false
}).then(function (){
location.href = "{{ route('entrada.index') }}";
});
}
},
error: function(xhr, status, error) {
}
});
// }
}
// $(document).on('change', '#aviso', function() {
// if ($("#aviso:checked").val() != null){
// $('#modal_aviso').modal('open');
// }
// });
//
// $(document).on('change', '#acepto_terminos', function() {
// if ($("#acepto_terminos:checked").val() != null) {
// $('#modal_aviso').modal('close');
// }
// });
//
//
// $(document).on('change', '#terminosC', function() {
// if ($("#terminosC:checked").val() != null){
// $('#modal_terminos').modal('open');
// }
// });
//
//
// $(document).on('change', '#acepto_terminos_condiciones', function() {
// if ($("#acepto_terminos_condiciones:checked").val() != null) {
// $('#modal_terminos').modal('close');
// }
// });
{{--function verAviso(id, tipo){--}}
{{-- $.ajax({--}}
{{-- url: "{{ url('getFileAviso') }}",--}}
{{-- type: 'GET',--}}
{{-- data: {--}}
{{-- 'tipo' : tipo,--}}
{{-- 'id' : id,--}}
{{-- },--}}
{{-- success: function (json) {--}}
{{-- // window.open('/documentacion/' + json, "_blank");--}}
{{-- window.open( json, "_blank");--}}
{{-- },--}}
{{-- });--}}
{{--}--}}
</script>
@endpush
OHA YOOOO