@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