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


<!-- start main1 -->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

      
            <div class="panel panel-default">
             <div class="panel-heading"><center><h5><strong>CREAR OFERTA ACADÉMICA</strong> </h5></center> </div>
             
       




                
                <div class="panel-body">

                	 

                    {!!Form::open(['route'=>'ofertas.store'])!!}
                    
            		@include('oferta.fragment.form') 

                	{!!Form::close()!!}
                	
                	    
                </div>
            </div>

		@endsection







@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 sedeId = $(this).val();
       console.log(sedeId);
       if(sedeId) {
           $.ajax({

              url: '/Program/'+sedeId,
               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 mencion = $(this).val();
       var institutoId = document.getElementById("sede").value;
       console.log(mencion, institutoId);
       if(mencion) {
           $.ajax({

              url: '/mensionn/'+mencion+'/'+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();
       }

   })

     
 });




$(function () {
    $("#Fecresolucion").datepicker({
        closeText: 'Cerrar',
        prevText: '<Ant',
        nextText: 'Sig>',
        currentText: 'Hoy',
        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
        monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
        dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
        dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
        weekHeader: 'Sm',
        dateFormat: 'dd-mm-yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''
    });
});



$(document).ready(function(){
  $('#Fecresolucion').mask('0000-00-00');
});
</script>
@endsection