{{-- @extends('layouts.app') --}}
@extends('layouts.sidebar')

@section('content')
 <!-- content -->
<div class="titulos"> 
    <h2>Nuevo Usuario</h2>
    <hr />

</div>

<div class="container">
     
  {{-- <form action="{{route('usuarios.store')}}" method="POST">   --}}
    <form action="{{ route('usuarios.stores') }}" method="POST">

    @csrf
    
     <div class="row card">
            <div class="card-header">
              Datos Personales
            </div>
            {{-- datos personales --}}
        <div class="row">
            <div class="mb-3 col-6" >
              <label for="nombre" class="form-label">Nombre</label>
              <input type="text" required class="form-control" id="nombre" placeholder="" value="{{$getDataUser[0]->nombre ?? ''}}" name="nombre">
             <input type="hidden" value="{{$id ?? ''}}" name="idusuario" id="idusuario">
              @error('nombre')
              <div class="alert alert-danger">{{ $message }}</div>
              @enderror
            </div>
            <div class="mb-3 col-6" >
              <label for="apellido" class="form-label">Apellido</label>
              <input type="text" required class="form-control" id="apellido" placeholder="" value="{{$getDataUser[0]->apellido ?? ''}}" name="apellido">
              @error('apellido')
              <div class="alert alert-danger">{{ $message }}</div>
              @enderror
            </div>
           {{-- {{$nacionalidades}} --}}
           <div class="mb-3  col-6">
            <label for="rut" class="form-label">Rut</label>
            <input type="text" required class="form-control" id="rut" placeholder=""  value="{{$getDataUser[0]->rut ?? ''}}" name="rut">
                @error('rut')
                <div class="alert alert-danger">{{ $message }}</div>
                @enderror
       <span style="color:red; display:none"   id="rut_span"></span>
                
          </div>
            <div class="mb-3  col-6">
              <label for="nacionalidad" class="form-label">Nacionalidad</label>
              {{-- <input type="text" required class="form-control" id="nacionalidad" placeholder="" name="nacionalidad"> --}}
              <select required class="form-control mayuscula" name="nacionalidad" id="nacionalidad">
                <option value="">Seleccionar</option>
                  @if(!empty($nacionalidades))
                      @foreach($nacionalidades as $data)


                      @if(!empty($getDataUser[0]->nacionalidades_id)) 

                           @if($data->id == $getDataUser[0]->nacionalidades_id)
                           <option  selected value="{{$data->id}}" {{(old('nacionalidad')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>

                           @else
                           <option  value="{{$data->id}}" {{(old('nacionalidad')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>

                           @endif

                      @else
                      <option  value="{{$data->id}}" {{(old('nacionalidad')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>

                      @endif
                  
                  
                  
                                @endforeach
                  @endif
               </select>
            
              </div>

          


          <div class="mb-3 col-6" >
            <label for="telefono" class="form-label">Telefono</label>
            <input type="text" value="{{$getDataUser[0]->telefono ?? ''}}"  onkeypress='soloNumeros(event)' required class="form-control" id="telefono" placeholder="" name="telefono">
             @error('telefono')
              <div class="alert alert-danger">{{ $message }}</div>
             @enderror
          </div>
{{-- {{$getDataUser}} --}}
          <div class="mb-3 col-6" >
            <label for="telefono_emergencia" class="form-label">Telefono Emergencia</label>
            <input type="text" value="{{$getDataUser[0]->telefono_emergencia ?? ''}}"  onkeypress='soloNumeros(event)' required class="form-control" id="telefono_emergencia" placeholder="" name="telefono_emergencia">
             @error('telefono_emergencia')
              <div class="alert alert-danger">{{ $message }}</div>
             @enderror
          </div>
         
          <div class="mb-3 col-6">
              <label for="fecha_nacimiento" class="form-label">Fecha de nacimiento</label>
              <input type="date" required class="form-control" value="{{Carbon\Carbon::createFromDate($getDataUser[0]->fecha_nacimiento ?? '')->format('Y-m-d')}}" id="fecha_nacimiento" name="fecha_nacimiento">
              @error('fecha_nacimiento')
              <div class="alert alert-danger">{{ $message }}</div>
              @enderror
          </div>
         



          <div class="mb-3 col-6" >
            <label for="direccion" class="form-label">Direccion</label>
            <input type="text" value="{{$getDataUser[0]->nombredireccion ?? ''}}"  required class="form-control" id="direccion" placeholder="" name="direccion">
            @error('direccion')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror            
          </div>
          <div class="mb-3 col-6" >
            <label for="region" class="form-label">Region</label>
            <select  required class="form-control mayuscula" name="region" id="region">
              <option value="">Seleccionar</option>
              @foreach($regiones as $region)

                @if(!empty($getDataUser[0]->idregion)) 

                  @if($region->id == $getDataUser[0]->idregion)
                     <option selected value="{{$region->id}}" {{(old('region')==$region->id)? 'selected':''}}>{{$region->des_region}}</option>
                  @else
                     <option value="{{$region->id}}" {{(old('region')==$region->id)? 'selected':''}}>{{$region->des_region}}</option>

                  @endif
                @else
                     <option value="{{$region->id}}" {{(old('region')==$region->id)? 'selected':''}}>{{$region->des_region}}</option>

                @endif

                 @endforeach
            </select>
          </div>
          <div class="mb-3 col-6" >
            <label for="comuna" class="form-label">Comuna</label>
            <select required class="form-control mayuscula" name="comuna" id="comuna">
              <option value="">Seleccionar</option>

                @if(!empty($comunas))

                    @foreach($comunas as $data)

                        @if(!empty($getDataUser[0]->idcomuna ))

                          @if($data->id == $getDataUser[0]->idcomuna)
                               <option selected value="{{$data->id}}" {{(old('comuna')==$data->id)? 'selected':''}}>{{$data->des_comuna}}</option>
                          @else
                                <option value="{{$data->id}}" {{(old('comuna')==$data->id)? 'selected':''}}>{{$data->des_comuna}}</option>

                          @endif
                        @else
                            <option value="{{$data->id}}" {{(old('comuna')==$data->id)? 'selected':''}}>{{$data->des_comuna}}</option>

                        @endif

                    @endforeach
                @endif

            </select>      
          
          </div>

          <div class="mb-3  col-6">
            <label for="previsions" class="form-label">Previsions</label>
            {{-- <input type="text" required class="form-control" id="previsions" placeholder="" name="previsions"> --}}
            <select required class="form-control mayuscula" name="previsions" id="previsions">
              <option value="">Seleccionar</option>
                @if(!empty($previsions))
                    @foreach($previsions as $data)
                 
                              @if(!empty($getDataUser[0]->id_previsions)) 

                              @if($data->id == $getDataUser[0]->id_previsions)
                              <option  selected value="{{$data->id}}" {{(old('previsions')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
   
                              @else
                              <option  value="{{$data->id}}" {{(old('previsions')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
   
                              @endif
   
                         @else
                         <option  value="{{$data->id}}" {{(old('previsions')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
   
                         @endif
                 
                 
                              @endforeach
                @endif
             </select>
          
            </div>
            <div class="mb-3  col-6">
              <label for="salud" class="form-label">Salud</label>
              {{-- <input type="text" required class="form-control" id="salud" placeholder="" name="salud"> --}}
              <select required class="form-control mayuscula" name="salud" id="salud">
                <option value="">Seleccionar</option>
                  @if(!empty($saluds))
                      @foreach($saluds as $data)
                  
                                @if(!empty($getDataUser[0]->id_saluds)) 

                                @if($data->id == $getDataUser[0]->id_saluds)
                                <option  selected value="{{$data->id}}" {{(old('salud')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
     
                                @else
                                <option  value="{{$data->id}}" {{(old('salud')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
     
                                @endif
     
                           @else
                           <option  value="{{$data->id}}" {{(old('salud')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
     
                           @endif
                  
                  
                  
                                @endforeach
                  @endif
               </select>
            
              </div>
        </div>          {{-- fin del row --}}

      </div>            {{-- fin del card --}}



 {{-- DATOS DE USUARIOS         --}}

   <div class="row card mb-3 ">
    <div class="card-header mb-3 " >
      Datos Usuarios
    </div>
      <div class="row">
        <div class="col-4 mb-3 " >
          <label for="">Rol usuario</label>
          <select required class="form-control mayuscula" name="tipos_usuarios" id="tipos_usuarios">
            <option value="">Seleccionar</option>
              @if(!empty($tipos_usuarios))
                  @foreach($tipos_usuarios as $data)
            
                            @if(!empty($getDataUser[0]->tipos_usuarios_id)) 

                            @if($data->id == $getDataUser[0]->tipos_usuarios_id)
                            <option  selected value="{{$data->id}}" {{(old('tipos_usuarios')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
 
                            @else
                            <option  value="{{$data->id}}" {{(old('tipos_usuarios')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
 
                            @endif
 
                            @else
                            <option  value="{{$data->id}}" {{(old('tipos_usuarios')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
      
                            @endif
            
                            @endforeach
              @endif
           </select>         
            @error('rol_usuarios')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror
        </div>
        <div class="col-4 mb-3 " >
          <label for="">Sucursal</label>
          
          <select required class="form-control mayuscula" name="sucursal" id="sucursal">
            <option value="">Seleccionar</option>
              @if(!empty($sucursales))
                  @foreach($sucursales as $data)
              
              
                            @if(!empty($getDataUser[0]->sucursales_id)) 

                            @if($data->id == $getDataUser[0]->sucursales_id)
                            <option  selected value="{{$data->id}}" {{(old('sucursal')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
 
                            @else
                            <option  value="{{$data->id}}" {{(old('sucursal')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
 
                            @endif
 
                            @else
                            <option  value="{{$data->id}}" {{(old('sucursal')==$data->id)? 'selected':''}}>{{$data->descripcion}}</option>
      
                            @endif
              
              
              
                            @endforeach
              @endif
           </select>
          
          @error('sucursal')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror
        </div>
        <div class="col-4 mb-3 " >
          <label for="">Adminisitrador Encargado</label>
         
          @if($getDataUser[0]->sucursales_id ?? ''== 1)
          <input class="form-check-input form-control mayuscula" type="checkbox" id="admin_encargado" name="admin_encargado" checked>

          @else
          <input class="form-check-input form-control mayuscula" type="checkbox" id="admin_encargado" name="admin_encargado" >

          @endif
         
          @error('admin_encargado')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror
      </div> 
      <div class="col-4 mb-3 " >
        <label for="">Correo</label>
        <input type="email" value="{{$getDataUser[0]->email ?? ''}}" class="form-control mayuscula" value="{{@old('correo')}}"   name="correo"  id="correo" placeholder="correo">
       <span style="color:red; display:none"   id="spancorreo"></span>
        @error('correo')
        <div class="alert alert-danger">{{ $message }}</div>
        @enderror
      </div>
      <div class="col-4 mb-3 " >
        @if(!isset($id))

            <label for="">Password</label>
            <input type="password" class="form-control mayuscula"  value="{{@old('password')}}"   name="password"  placeholder="Password">
            @error('password')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror

         @else

          <label for="">Cambiar Password</label>
          <input type="checkbox" name="cambiar_pass" id="" >
          <input type="password" class="form-control mayuscula" value="{{@old('password')}}"   name="password"  placeholder="Password">
          @error('password')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror
        @endif
          
      </div>
   
      </div>{{-- fin del row --}}
   </div>{{-- fin del card --}}
        

        

        
          <div style="text-align: right">
            <button type="submit"  class="btn btn-danger">Volver</button>

            <button type="submit"  class="btn btn-success">Guardar</button>
          </div>
    
        </form>{{--INICIO FORMULARIO --}}
 
    
    
   

   

</div> {{-- FIN container --}}





<script>
  $(document).ready(function(){

      //traemos las comunas de la region seleccionada
   $("#correo").change(function(){
        validarCorreo();
    });



   //traemos las comunas de la region seleccionada
   $("#region").change(function(){
        buscar_comuna($("#region option:selected").val(),"#comuna");
    });

//Validar rut
$("#rut").change(function(){
    //esta funcion (checkRut) se encuentra en funciones.js
      var resultado = checkRut( $("#rut").val());
        if(resultado == "Rut incorrecto"){
            $("#rut").val('');
            $("#rut_span").css("display","");
                 $("#rut_span").text("Rut ya existe en la Base de datos");
        }else{
            $("#rut_span").css("display","none")
            validar_rut_usuarios($("#rut").val());
        }
    });

    //agregar digito al rut
    $('#rut').on('input', function() {
         $("#rut").val(add_guion_rut($("#rut").val()));
     });
     $('#rut_empresa').on('input', function() {
         $("#rut_empresa").val(add_guion_rut($("#rut_empresa").val()));
     });

  });
// Funciones normales
//validaCorreofunction 
function validarCorreo(){

  var correo = $("#correo").val();
  var idusuario = $("#idusuario").val();

  
  $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'GET',
            url: "{{ route('validarcorreo.usuarios') }}",
            data: { 'correo': correo , "idusuario":idusuario},
            success: function(data) {
               //1 rut existe
               console.log("existecorreouser");
               console.log(data);
               if(data == 1){

                 $("#spancorreo").css("display","");
                 $("#spancorreo").text("Correo ya existe en la Base de datos");
                 $("#correo").val("");
                  //   $("#rut").val('');
                    // $("#rut_span").css("display","")
                }else{
                 $("#spancorreo").css("display","none");

                    //$("#rut_span").css("display","none")
                }
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });

}
    //buscar comuna
    function buscar_comuna(id_region, id_comunas, direccion = "") {
        $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'GET',
            url: "{{ route('buscar_comunas') }}",
            data: { 'id_region': id_region },
            success: function(data) {
              
                $(id_comunas).empty();
                $.each(data, function(id, comuna_nombre_array) {
                $(id_comunas).append('<option value=' + comuna_nombre_array.id + '>' + comuna_nombre_array.des_comuna + '</option>');
                });
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });

    }

       //validar rut
       function validar_rut_usuarios(rut) {
  var idusuario = $("#idusuario").val();

        $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'GET',
            url: "{{ route('validarrut.usuarios') }}",
            data: { 'rut': rut,"idusuario":idusuario },
            success: function(data) {
               //1 rut existe
               console.log("existerutuser");
               console.log(data);
               if(data == 1){
                    //  $("#rut").val('');
                    //  $("#rut_span").css("display","")
                    $("#rut_span").css("display","");
                    $("#rut").val();
                 $("#rut_span").text("Rut ya existe en la Base de datos");
                }else{
                    $("#rut_span").css("display","none")
                }
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });
    }

</script>

@endsection