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



<!-- start main1 -->
  <div class="main_bg1">
<div class="wrap">  
  <div class="main1">
 <center>
  <h4><strong>OFERTAS</strong> </h4>
</center>
@can('ofertas.create')
<h5><a href="{{route('ofertas.create')}}" class="btn btn-info btn-sm Active info button pull-right "> &nbsp; Crear Ofertas</a></h5><br>  <br>
@endcan                  
  </div>
</div>
</div>
<!-- start main -->

     
       <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
       
        <div class="panel panel-success">
      
      {{ Form::open(['route' => 'ofertas.index', 'method' => 'GET', 'class' => 'form-inline pull-right']) }}
                          
  <!-- <div class="form-group">
 {{ Form::select('Institutos_id', $sedeofertas, null, ['class'=>'form-control', 'id'=>'sede', 'placeholder' => '.:Instituto/ Extensión:.']) }} 
       </div>  &nbsp;&nbsp;&nbsp;
  
                <div class="form-group">
 {{ Form::select('Programas_id', array(), null, ['class'=>'form-control','id'=>'Programa', 'placeholder' => '.:Programa:.']) }} 
       </div>
                           <div class="form-group">
 {{ Form::select('Especialidad_id', array(), null, ['class'=>'form-control', 'id'=>'Mension','placeholder' => '.:Mención:.']) }} 
       </div>     -->
       
       <div class="form-group">
 {{ Form::text('NombInstituto', null, ['class' => 'form-control', 'placeholder' => 'Instituto/ Extensión']) }}
 </div>
              <div class="form-group">
 {{ Form::text('NombProgramas', null, ['class' => 'form-control', 'placeholder' => 'programas']) }}
       </div> 
       
           <div class="form-group">
 {{ Form::text('NombEspecialidad', null, ['class' => 'form-control', 'placeholder' => 'Mención']) }}
       </div> 


   &nbsp;&nbsp;&nbsp;
                 
                                <button type="submit"  class="btn btn-default">
                                    <span class="fa fa-search"></span>
                                </button>
                           
                            </div>
            
                        {{ Form::close() }}
      
                <div class="panel-body">
                
                  @if (!empty($ofertas))  
                  <table class="table table-hover">
                    <thead>
                      <tr bgcolor="#dff0d8">
                      <th>Institutos/Extensiones</th>
                 <th>Programas</th>
                  <th>Mención</th>
                 
         
              <th>Tipo Aspirante</th>
              <th colspan="3"><center>Acciones</center></th>
              
                      </tr>
                    </thead>
                     @foreach($ofertas as $oferta)
                    <tbody>
                      <tr>

                      <td>{{$oferta->NombInstituto}} </td>
                    
                       <td>{{$oferta->NombProgramas}}</td>
                      <td>{{$oferta->NombEspecialidad}} </td>
                  
              
              <td>{{$oferta->ModoIngreso}} </td>
 @can('ofertas.show')            
     <td width="10px"> <a href="{{route('ofertas.show', $oferta->id)}}" class="btn btn-sm Active info button btn-success">Consultar</a></td>
     @endcan	

@can('ofertas.edit') 
@if($oferta->Aprobacion == 1)

<td width="10px"> <a class="btn btn-sm btn-primary Active info button" title="¡¡Esta Oferta ya ha sido Aprobada!! por lo tanto no se puede Editar" disabled>Editar</a></td> 

@else
  <td width="10px"> <a href="{{route('ofertas.edit', $oferta->id)}}" class="btn btn-sm btn-primary Active info button">Editar</a></td> 
@endif
@endcan	

@can('ofertas.destroy')
     <td width="10px">
    {!! Form::open(['route' => ['ofertas.destroy', $oferta->id], 
    'method' => 'DELETE']) !!}
      <button class="btn btn-sm btn-danger "  onclick="
return confirm('Seguro de que desea eliminar la oferta??')">
          Eliminar
       </button>
      {!! Form::close() !!}
     </td>
   @endcan	
      
                      </tr>
                      @endforeach
                    </tbody>
                
                  
     


  

    </table>



@else
   
@endif

@endsection
</body>
</html>



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

$(document).ready(function() {
    //JMT:acción que permite elegir la especialidad dependiendo de la sede seleccionada

	     $('select[name="Institutos_id"]').on('change', function(){
       var institutoId = $(this).val();
       // var institutoId = document.getElementById("sede").value;
    // var ingresoId = document.getElementById("modoingris").value;
//console.log(institutoId);
       if(institutoId) {
           $.ajax({
               url: '/programaoferta/'+institutoId,
               type:"GET",
               dataType:"json",
               beforeSend: function(){
                   $('#loader').css("visibility", "visible");
               },
               
               success:function(data) {

                $('select[name="Programas_id"]').empty();
                
              
           //   console.log(data)
                                                      
                   $('select[name="Programas_id"]').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
                   
                   $.each(data, function(key, value){
                    $('select[name="Programas_id"]').append('<option value="'+ key +'">' + value + '</option>');

                });
               },
               complete: function(){
                   $('#loader').css("visibility", "hidden");
               }
           });
           
       } else {
           $('select[name="Programas_id"]').empty();
       }

   })

$('select[name="Programas_id"]').on('change', function(){
        var programasId = $(this).val();
         var institutoId = document.getElementById("sede").value;
     //   var modoingreId = document.getElementById("modoingre").value;
       //console.log(programasId,institutoId,modoingreId);
       if(programasId) {
           $.ajax({
               url: '/mensionoferta/'+programasId+'/'+institutoId,
               type:"GET",
               dataType:"json",
               beforeSend: function(){
                   $('#loader').css("visibility", "visible");
               },
               
               success:function(data) {

                $('select[name="Especialidad_id"]').empty();
                
              
                 //console.log(data)
                              
                                                      
                   $('select[name="Especialidad_id"]').append('<option value="'+ "0" +'">' + "--Seleccione--" + '</option>');
                   
                   $.each(data, function(key, value){
                    $('select[name="Especialidad_id"]').append('<option value="'+ key +'">' + value + '</option>');

                });
               },
               complete: function(){
                   $('#loader').css("visibility", "hidden");
               }
           });
           
       } else {
           $('select[name="Especialidad_id"]').empty();
       }

   })




 });







 $(document).ready(function(){
        listProduct();
        //listincompleto();
    });

   

     $(document).on("click",".pagination li a",function(a) {
        a.preventDefault();
        var url = $(this).attr("href");
       // alert(url);

        $.ajax({
            type:'get',
            url:url,
            success: function(data){
              $('#list-product').empty().html(data);
             // $('#list-incomplet').empty().html(data);
            }
        });

       
    });


   




    var listProduct = function()
  {
      $.ajax({
          type:'get',
          url:'{{ url('listall')}}',
         
          success: function(data){
            console.log(data);
              $('#list-product').empty().html(data);
          }
      });
  }
  
$(document).ready(function(){
                 
                 $("#submit").attr('disabled','disabled');
                 $("#Mension").change(function(){
                     if($(this).val() !='')
                     {
                         $("#submit").removeAttr('disabled');
                     }
                 });
 
 
               });

    </script>
@endsection