@extends('menu/menu')

@section('content')

<div class="container mt-5">
  <div class="title-vista mt-4">Editar Proyecto</div>
</div>

<div class="container mt-5">
  <div class="seccion-filtro">Seleccione</div> 
  <hr class="separador">

  <div class="row">
    <div class="col-sm-6 form-group mx-auto">
      <label for="clientes">Seleccione cliente</label>
      <select class="custom-select opcionesSele mayuscula" id="clientes" name="clientes" required>
        <option selected  disabled>Seleccionar</option>
        @if (!empty($carga_selectClientes))
          @foreach ($carga_selectClientes as $clientes) 
          {{-- $clientes->id  != 4  &&    --}}
        @if(  strtolower($clientes->razon_social ) != "global")
          <option  value="{{ $clientes->id }}">{{ucfirst(strtolower($clientes->razon_social ))}}
            @endif
          </option> 
        @endforeach
        @endif
      </select>
    </div>
  </div>

  <form action="{{route('go.editar_proyectos')}}" method="GET">
    <div class="row">
      <div class="col-sm-6 form-group mx-auto">
        <label for="proyectosSeleccionado">Proyectos Asociados</label>
        <select  class="custom-select mayuscula" id="detalle" name="proyectosSeleccionado" required>
          <option  selected  disabled>Seleccionar</option>
        </select>
      </div> 
  
      <div class="col-sm-12 text-center mt-5">
        <input type="submit" class="btn btn-pill btn-prim w-25"  value="Siguiente">
      </div>
    </div>  
  </form>
</div>



    







@endsection
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
  $(document).ready(function() {
      $(".opcionesSele").change(function(e) { 

        var idClientes = $(this).val();
        var _token = $('input[name="_token"]').val();

        $.ajax({
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },

          url:"{{ route('obtenerProyectosAsociados') }}",
          type: "post",
          //dataType: "html",
          data: {'idClientes': idClientes},

        //   cache: false,
        //   contentType: false,
        //   processData: false,
           success: function(response) {
            $("#detalle").empty();
            $("#detalle").append("<option value='0'>" + "Seleccionar"+ "</option>");

            $.each(response, function( index, value ) {
             
		                  	$("#detalle").append("<option value="+value.id+">" + value.nombre+ "</option>");
                });


           },
          error: function(xhr, status) {
              alert('Disculpe, ha ocurrido un problema, intente mas tarde');
          }
      })

      })
  
  
  })

</script>