@extends('layouts.master-horizontal')
@section('title') @lang('Portal Regional de Notificación en línea de Sospecha de Reacciones Adversas a Medicamentos de uso humano') @endsection

@section('css')
    <link href="{{ URL::asset('assets/libs/jquery-ui/jquery-ui.min.css')}}" type="text/css" />
    <link href="{{ URL::asset('assets/css/bootstrap.min.css')}}" id="bootstrap-style" rel="stylesheet" type="text/css" />
	<link href="{{ URL::asset('assets/css/app.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/twitter-bootstrap-wizard/twitter-bootstrap-wizard.min.css')}}" rel="stylesheet" type="text/css" />


@endsection

@section('content')
@component('common-components.breadcrumb')
    @slot('pagetitle') Gestion Usuarios @endslot
    @slot('title') Administracion de Usuarios @endslot
@endcomponent
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <!--fin botones flotantes --> 
                <h4 class="card-title mb-4">Menu principal / Editar</h4>
                <!-- FORMULARIO 1 ------------------------------------------------->
                <div class="tab-pane" id="progress-seller-details">
                    <h5>Datos usuario</h5>
                    <hr>
                    <h5></h5>
                    <form class="custom-validation" id="formPaciente"  method="post" action="{{Route('usuarios.update')}}" data-parsley-validate>
                        @csrf
                        <div class="mb-3 row"> 
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Código<span class="text-danger">(*)</span></label>
                            <div class="col-md-8">
                                <input type="hidden" id="id" name="id" value="{{$usuario[0]->USUA_ID_USUARIO}}">
                                <input type="text" class="form-control parsley-error" id="codigo" name="codigo"  required placeholder="Código de usuario" value="{{$usuario[0]->USUA_CODIGO_USUARIO}}">
                            </div>                            
                        </div>
                        <div class="mb-3 row"> 
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Nombre<span class="text-danger">(*)</span></label>
                            <div class="col-md-8">
                                <input type="text" class="form-control parsley-error" id="nombre" name="nombre" data-parsley-pattern="^[a-zA-Z ]+$"  data-parsley-trigger="keyup" required placeholder="Nombre" value="{{$usuario[0]->USUA_NOMBRE}}">
                            </div>                            
                        </div>
                        <div class="mb-3 row"> 
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Apellidos<span class="text-danger">(*)</span></label>
                            <div class="col-md-8">
                                <input type="text" class="form-control parsley-error" id="apellido" name="apellido" data-parsley-pattern="^[a-zA-Z ]+$"  data-parsley-trigger="keyup" required placeholder="Apellido" value="{{$usuario[0]->USUA_APELLIDOS}}">
                            </div>                            
                        </div>
                        <div class="mb-3 row">
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Telefono</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control parsley-error" id="telefono" name="telefono" data-parsley-pattern="^[a-9 ]+$"  data-parsley-trigger="keyup" placeholder="Telefono" value="{{$usuario[0]->USUA_TELEFONO}}">
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Email<span class="text-danger">(*)</span></label>
                            <div class="col-md-8">
                                <input type="email" class="form-control parsley-error" id="email" name="email" data-parsley-pattern="^[a-zA-Z ]+$"  data-parsley-trigger="keyup" placeholder="eMail" value="{{$usuario[0]->USUA_EMAIL}}">
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Confimar email<span class="text-danger">(*)</span></label>
                            <div class="col-md-8">
                                <input type="email" class="form-control parsley-error" id="confir_email" name="confir_email" data-parsley-pattern="^[a-zA-Z ]+$"  data-parsley-trigger="keyup" placeholder="Confirmacion eMail" value="{{$usuario[0]->USUA_EMAIL}}">
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="progresspill-firstname-input" class="col-md-2 col-form-label">País</label>
                            <div class="col-md-8">
                                <select class="form-control" name="id_pais" id="id_pais" required>
                                    <option value="" >Seleccione</option>
                                    @foreach ($pais as $obj_item)
                                    <option value="{{$obj_item->PAIS_ID_PAIS}}" @if($usuario[0]->USUA_ID_PAIS !="") @if($usuario[0]->USUA_ID_PAIS==$obj_item->PAIS_ID_PAIS) selected @endif @endif>{{$obj_item->PAIS_NOMBRE}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="progresspill-phoneno-input" class="col-md-2 col-form-label">Fecha Baja</label>
                            <div class="col-md-8">
                                <input type="text" class="form-control parsley-error" id="fecha" name="fecha" value="{{$usuario[0]->USUA_FECHA_BAJA}}" >
                            </div>
                        </div>
                        <div class="mb-3 row">        
                            <label for="example-text-input" class="col-md-2 col-form-label">Usuario bloqueado</label>
                            <div class="col-md-8">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input jqcheck1" name="user_bloqueado" id="user_bloqueado" value="{{$usuario[0]->USUA_SW_BLOQUEADO}}">
                                    <label class="custom-control-label" for="user_bloqueado"></label>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-primary w-md" id="guardar">Guardar Datos</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end row -->

@endsection
@section('script')
    <script src="{{ URL::asset('assets/libs/twitter-bootstrap-wizard/twitter-bootstrap-wizard.min.js')}}"></script>
    <script src="{{ URL::asset('assets/js/pages/form-wizard.init.js')}}"></script>
    <script src="{{ URL::asset('assets/libs/jquery-ui/jquery-ui.min.js')}}"></script>
    <script>

        get_region();
        uncheck();
        //llenando el select de departamento/provincia dependiento el pais seleccionado
        function get_region(id_pais=0){
            var id_pais = $('#pais').val(); 
            var ruta = "{{ url('pais/municipioselect/get/') }}/"+id_pais;
    
            //extraer por ajax en ruta api
            
            $.get(ruta,function(response){
                var new_html = '<option value=0>-- Seleccionar --</option>';
                var id_pais = $('#pais').val(); 
                //window.alert(id_pais);
                for (var i = 0; i < response.length; i++) {
                    if(response[i].REGI_ID_PAIS == id_pais ){
                    new_html += '<option value="'+response[i].REGI_COD_REGION+'">'+response[i].REGI_DS_REGION	+'</option>'
                    }else{
                    new_html += '<option value="'+response[i].REGI_COD_REGION+'">'+response[i].REGI_DS_REGION	+'</option>'
                    }
                }
                
        
                $('#departamento').empty();
                $('#departamento').html(new_html);
                var new_html2 = '<option value="">-- Seleccionar --</option>';
                
            });
        }




        //codigo para autocomplementar texto ingresado en campo de motivo de prescripcion y reacción adversa
        $('#prescripcion').autocomplete({
            source: function(request, response){
                $.ajax({
                    url:"{{route('getEnfermedades')}}",
                    type: 'GET',
                    dataType:'json',
                    data:{
                        term:request.term
                    },
                    success:function(data){

                        response(data)
                    }

                });

      
            }

        });
        $('#prescripcion2').autocomplete({
            source: function(request, response){
                $.ajax({
                    url:"{{route('getEnfermedades')}}",
                    type: 'GET',
                    dataType:'json',
                    data:{
                        term:request.term
                    },
                    success:function(data){

                        response(data)
                    }

                });

      
            }

        });
        $('#reaccion').autocomplete({
            source: function(request, response){
                $.ajax({
                    url:"{{route('getEnfermedades')}}",
                    type: 'GET',
                    dataType:'json',
                    data:{
                        term:request.term
                    },
                    success:function(data){

                        response(data)
                    }

                });

      
            }

        });
        // fin de busquedas autocompletables 
        function uncheck(){
            var checkbox1 = document.getElementById("consentimiento");
           
            checkbox1.onclick = function(){ 
                if(checkbox1.checked != false){ 
                    document.getElementById("datosMedico").style.display = "block";
                }else{
                    document.getElementById("datosMedico").style.display = "none";
                }
            } 
           
        }


    // recargar codigo de captcha
    $('#reload').click(function () {
        
        $.ajax({
        type: 'GET',
        url: 'reload-captcha',
            success: function (data) {
                $(".captcha span").html(data.captcha);
            }
        });
    });
    </script>
@endsection