@extends ('layouts.diseño')
@section ('contenido')

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
            <div class="box box-primary">
            <div class="panel-heading"><center><h4><strong>Asignar Especialidad</strong></h4></center></div> 



  </div>
  
  @can('Especialidad.create')
  <h4><a href="{{route('Especialidad.create')}}" class="btn btn-info Active info button  pull-right btn-sm"> &nbsp; Asignar Especialidad </a></h4><br> <br>
  @endcan

 
  {{ Form::open(['route' => 'verIndex', 'method' => 'GET', 'class' => 'form-inline pull-left']) }}
            <div class="form-group">
 {{ Form::select('Institutos_id', $sedeofertas, null, ['class'=>'form-control', 'id' =>'valor', 'placeholder' => '.:Institutos:.']) }} 
       </div> 


	  <!--   <div class="form-group">
 {{ Form::select('NombEspecialidad', array(), null, ['class'=>'form-control', 'id' =>'valor', 'placeholder' => '.:Especialidad:.']) }} 
       </div> 
       <div class="form-group">
{{ Form::select('Especialidad_id', array(), null, ['class'=>'form-control','id'=>'curso1', 'placeholder' => 'Especialidad:']) }}
       </div>     -->
            
                                <button type="submit" class="btn btn-default" id="submit" value="send">
                                    <span class="fa fa-search"></span>
                                </button>
                           
                            </div>
            
                        {{ Form::close() }}
                     


             

@endsection





@section ('scripts')
 <script type="text/javascript">



$(function () { 
     
     $('select[name="Institutos_id"]').on('change', function(){
         var intituto = $(this).val();
       // var select = document.getElementById("modoingre").value;
       //  console.log(intituto);
        // console.log(sedeId, valor);
         if(intituto) {
             $.ajax({
                 url: '/Expecialidad/'+intituto,
                 type:"GET",
                 dataType:"json",
                 beforeSend: function(){
                     $('#loader').css("visibility", "visible");
                 },
                 
                  
                 success:function(data) {
  
                  $('select[name="NombEspecialidad"]').empty();
                  
                
                    //console.log(data)
                                
                                                        
                     $('select[name="NombEspecialidad"]').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
                     
                     $.each(data, function(key, value){
                      $('select[name="NombEspecialidad"]').append('<option value="'+ key +'">' + value + '</option>');
                      
                  });
                 },
                 complete: function(){
                     $('#loader').css("visibility", "hidden");
                 }
             });
             
         } else {
             $('select[name="NombEspecialidad"]').empty();
         }
  
     })
  
  
    });




  $(document).ready(function(){
                 
                 $("#submit").attr('disabled','disabled');
                 $("#valor").change(function(){
                     if($(this).val() !='')
                     {
                         $("#submit").removeAttr('disabled');
                     }
                 });
 
               });


               $(document).ready(function() {
    $('.select2').select2();
    });

  </script>


@endsection