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

@section('content')
 <!-- content -->
<div class="titulos">
    {{-- <h2>Nuevo Cliente</h2>{{$idCliente}}
    {{$datosDelCliente}}
    <hr /> --}}
    @if(isset($idCliente)) 
      <h2>Editar Cliente</h2>

      @else
      <h2>Nuevo Cliente</h2>

      @endif
      <hr />
</div>

<div class="container">

  <form action="{{route('clientes.store')}}" method="POST">
    @csrf
       <div class="row">


        {{-- datos personales --}}
        <div class="mb-3 col-6" >
          <label for="razon_social" class="form-label">Razón social/Nombre</label>
          <input type="text" required class="form-control" id="razon_social" placeholder=""    value="{{ old('sku', isset($datosDelCliente[0]->razon_social) ? $datosDelCliente[0]->razon_social : '') }}"  name="razon_social">
          @error('razon_social')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror
        </div>
          {{-- <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="{{@old('rut')}}" name="rut">
            @error('rut')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div> --}}
          <div class="col-md m-2">
            <label for="">Rut</label>
            <input type="text" class="form-control" value="{{ old('rut', isset($datosDelCliente[0]->rut) ? $datosDelCliente[0]->rut : '') }}"  name="contacto_rut"
                id="contacto_rut">
            <span id="rut_span" style="display: none"><label for=""
                    id="error_rut"></label></span>
                    <label id="l_contacto_rut" style="display: none; color: red" for="">Campo obligatorio</label>

        </div>
          <div class="mb-3  col-6">
            <label for="giro" class="form-label">Giro</label>
            <input type="text"  class="form-control" id="giro" placeholder=""  value="{{ old('giro', isset($datosDelCliente[0]->giro) ? $datosDelCliente[0]->giro : '') }}" name="giro">
             @error('giro')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror


          </div>
          <div class="mb-3 col-6" >
            <label for="telefono" class="form-label">Telefono</label>
            <input type="text" required class="form-control" id="telefono" placeholder="" value="{{ old('telefono', isset($datosDelCliente[0]->telefono) ? $datosDelCliente[0]->telefono : '') }}" name="telefono">
             @error('telefono')
          <div class="alert alert-danger">{{ $message }}</div>
          @enderror


          </div>
          <div class="mb-3  col-6">
            <label for="correo" class="form-label">Correo</label>
            <input type="email"  class="form-control" id="correo" placeholder=""   value="{{ old('correo', isset($datosDelCliente[0]->correo) ? $datosDelCliente[0]->correo : '') }}" name="correo">
            @error('correo')
            <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" required class="form-control" id="direccion" placeholder=""    value="{{ old('direccion', isset($datosDelCliente[0]->nombre_direccion) ? $datosDelCliente[0]->nombre_direccion : '') }}" 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($datosDelCliente[0]->idregion))

                  @if($region->id == $datosDelCliente[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($comunasporregion))

                    @foreach($comunasporregion as $data)

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

                          @if($data->id == $datosDelCliente[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-12" >
            <label for="observacion" class="form-label">Observacion</label>
         <textarea name="observacion" id="observacion" required cols="10" class="form-control" rows="10">{{ old('observacion') }}</textarea>

         @error('observacion')
         <div class="alert alert-danger">{{ $message }}</div>
         @enderror
          </div> --}}







       </div>
        {{-- -- --}}

        {{-- <div class="row">

          <hr>

          <label for="">Datos del equipo</label>
          <hr>
          <div class="mb-3 col-6">
            <label for="descripcion_equipo" class="form-label">Nombre</label>
            <input type="text" required class="form-control" id="descripcion_equipo" placeholder=""  value="{{@old('descripcion_equipo')}}" name="descripcion_equipo">
            @error('descripcion_equipo')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div>

          <div class="mb-3 col-6" >
            <label for="modelo_equipo" class="form-label">Modelo</label>
            <input type="text" required class="form-control" id="modelo_equipo" placeholder=""  value="{{@old('modelo_equipo')}}" name="modelo_equipo">
            @error('modelo_equipo')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div>

          <div class="mb-3 col-6" >
            <label for="marca_equipo" class="form-label">Marca</label>
            <input type="text" required class="form-control" id="marca_equipo" placeholder=""  value="{{@old('marca_equipo')}}" name="marca_equipo">
            @error('marca_equipo')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div>

          <div class="mb-3 col-6" >
            <label for="motor_equipo" class="form-label">Motor</label>
            <input type="text" required class="form-control" id="motor_equipo" placeholder=""  value="{{@old('motor_equipo')}}" name="motor_equipo">
            @error('motor_equipo')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div>

          <div class="mb-3 col-6" >
            <label for="ano_equipo" class="form-label">Año</label>
            <input type="text" required class="form-control" id="ano_equipo" placeholder=""  value="{{@old('ano_equipo')}}" name="ano_equipo">
            @error('ano_equipo')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div>

          <div class="mb-3 col-6" >
            <label for="serie_equipo" class="form-label">Serie</label>
            <input type="text" required class="form-control" id="serie_equipo" placeholder=""  value="{{@old('serie_equipo')}}" name="serie_equipo">
            @error('serie_equipo')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
          </div>

          <div class="mb-3 col-6" >
            <label for="combustible" class="form-label">Combustible</label>
            <select  class="form-control mayuscula" required name="combustible" id="combustible">
              <option value="">Seleccionar</option>
              @if (!empty($combustibles))
                  @foreach ($combustibles as $data)
                      <option value="{{ $data->id }}" >
                          {{ $data->nombre }}</option>
                  @endforeach
              @endif
          </select>
          </div>
        </div> --}}


<div style="text-align: right">
    {{-- <button type="submit"  class="btn btn-danger">Volver</button> --}}
    <input type="text" hidden value="{{$idCliente ?? ''}}" name="id_cliente" id="id_cliente">
    <button type="submit"  class="btn btn-success">Guardar</button>
</div>
      </form>


    {{--INICIO FORMULARIO --}}


    {{-- FIN FORMULARIO --}}

</div>


<script>
    //validar rut
    function validar_rut_contacto(rut) {

      var   id_cliente = $("#id_cliente").val();
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'GET',
                url: "{{ route('validarrut.contacto') }}",
                data: {
                    'rut': rut,'id_cliente': id_cliente
                },
                success: function(data) {
                    //1 rut existe
                    console.log("data aaa");

                    console.log(data);
                    if (data == 1) {
                        $("#contacto_rut").val('');
                        $("#rut_span").css("display", "")
                        $("#error_rut").text("Rut registrado");

                        


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


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

     //Validar rut
     $("#contacto_rut").change(function() {
                //esta funcion (checkRut) se encuentra en funciones.js
                var resultado = checkRut($("#contacto_rut").val());
                if (resultado == "Rut incorrecto") {
                    $("#contacto_rut").val('');
                    $("#rut_span").css("display", "")
                    $("#error_rut").text("Rut incorrecto");

                } else {
                    $("#rut_span").css("display", "none")
                    validar_rut_contacto($("#contacto_rut").val());
                }
            });

            $('#contacto_rut').on('input', function() {
                $("#contacto_rut").val(add_guion_rut($("#contacto_rut").val()));
            });

//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","")
//         }else{
//             $("#rut_span").css("display","none")
//             validar_rut_cliente($("#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

    //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_cliente(rut) {
        $.ajax({
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'GET',
            url: "{{ route('validarrut.clientes') }}",
            data: { 'rut': rut },
            success: function(data) {
               //1 rut existe
               console.log(data);
               if(data == 1){
                     $("#rut").val('');
                     $("#rut_span").css("display","")
                }else{
                    $("#rut_span").css("display","none")
                }
            },
            error: function(xhr, status) {
                alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
            }
        });
    }

</script>

@endsection