@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js%22%3E</script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
{{-- <link  href="{{ asset('css/a&a_style.css') }}" href="a&a_style.css" rel="stylesheet" type="text/css"> --}}



@section('content')

{{-- <form action="{{route('go.pruebadeingles')}}" method="GET">
<input type="submit" value="ENVIAR">
</form> --}}


@if ( session('mensaje') )
<div class="alert alert-success">{{ session('mensaje') }}</div>
{{-- <a class="dropdown-item" href="{{route('go_see_clien')}}" style="text-align: right"> <button class="btn btn-success">Clientes</button></a> --}}

@endif

<div class="container prueba mt-5">
  <div class="title-vista mt-4">API INSTALACIÓN</div>
</div>

<div class="container mt-4">
  <form action="{{route('show.api_instalacion')}}" method="GET">
    <div class="seccion-filtro">Selección de cliente</div>
    <hr class="separador">

    <div class="row">
      <div class="col-sm-6 form-group mx-auto">
        <label for="clientes">Seleccionar Cliente</label>
        <select class="custom-select mb-3 mayuscula" id="detalle" name="clientes" required>
          <option selected disabled>Seleccionar</option>
          @if (!empty($carga_selectClientes))
          @foreach ($carga_selectClientes as $clientes)
          @if ($clientes->sCliente != null)
          <option value="{{ $clientes->sCliente }}">{{ucfirst(strtolower($clientes->sCliente ))}}
            @endif
            @endforeach
            @endif
          </option>
        </select>
      </div>
    </div>
    {{-- Botón guardar --}}
    <div class="text-center mb-5 mt-5">
      <input type="submit" class="btn btn-pill btn-prim w-25" value="Siguiente">
    </div>

  </form>
</div>
@endsection
<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('obtenerClientesAsociados') }}",
        type: "post",
        data: {
          'idClientes': idClientes
        },
        success: function(response) {
          console.log(response);
          $("#detalle").empty();
          $("#detalle").append("<option value='0'>" + "Seleccionar" + "</option>");
          $("#detalle").append(response);
          //$.each(response, function( index, value ) {             
          //  $("#detalle").append("<option value="+value.sCliente+">" + value.sCliente+ "</option>");
          //});
        },
        error: function(xhr, status) {
          alert('Disculpe, ha ocurrido un problema, intente mas tarde');
        }
      })
    })
  })
</script>