{literal}
	<script type="text/javascript">
		$(document).ready(function(){
			$('#seleccione').change(function(){
				var option = $('option:selected', this);
				if( option.val() == 1 ) {
					$('select#rubricas').empty()
					$('#ingresar').show();
					$('#guardar').show();
					$('#agregar').hide();
					
				}else if( option.val() == 2 ) {
					$('#ingresar').hide();
					$('#guardar').show();
					$('#agregar').show();
					$('#rubricas').empty();
					$.sinAsignar();
					
				} else {
					$('#ingresar').hide();
					$('#guardar').hide();
					$('#agregar').hide();
				}
			});

			$('select#rubricas').change(function(event) {
				var option = $('option:selected', this);
				$('input#nombre_criterio').val(option.text())
			});

			$.sinAsignar = function(){
				$.ajax({
					url: 'rubricas/sin_asignar',
					type: 'post',
					dataType:'html',
					data: {
						id_programa:{/literal}{$id_programa}{literal},
						id_curso:{/literal}{$id_curso}{literal}
					},
					success: function (data) {
						$('select#rubricas').html(data)
					}
				});
			}

			$('button#btnAsignarCriterio').click(function(event) {
				var u = $('select#seleccione option:selected');
				var c = $('select#rubricas option:selected');
				var nc = $('input#nueva');
				var error = false;
				if(nc.is(':visible')){
					if(nc.val() == ""){
						swal('Error', 'Ingrese el nombre del nuevo criterio', 'error');
						error = true;
					}
				}
				if(u.val() == ""){
					swal('Error', 'Seleccione una opción', 'error');
					error = true;
				}
				if(c.val() == 0){
					swal('Error', 'Seleccione un criterio', 'error');
					error = true;
				}
				if(!error){
					$('form#form1').submit();
				}
			});


		});
	</script>
    <style type="text/css">
		#ingresar,#agregar,#guardar
		{
			display:none;
		}
		h2
		{
			font-size:16px;
			margin-top:10px;
		}
		
	</style>
{/literal}
{$menu_curso}
<h1 style="font-size: 18px; line-height: 30px; margin-bottom: 10px; border-bottom: dashed 1px #606060; color: #336699;">
	<a href="rubricas?id_curso={$this->get->id_curso}">
        <img src="images/atras_24.png" width="24" height="24" alt="Atras">
    </a>
	Nueva R&uacute;brica de Evaluaci&oacute;n.
</h1>

<form action="rubricas/agregar_rubrica?id_curso={$this->get->id_curso}{if $nuevo}&id_programa={$this->get->programa}{/if}" method="post" name="form1" id="form1">
	<input type="hidden" name="nombre_criterio" id="nombre_criterio">
	<h2>1. Seleccione</h2>
	<select id="seleccione" name="seleccione">
    	<option value="">Seleccione</option>
		<option value="1">Ingresar una nueva rúbrica</option>
		<option value="2">Seleccionar una rúbrica existente</option>
		<option value="3">Tim Entregas</option>
    </select>
    <div id="ingresar">
        <div>
            <h2>
            	2. Ingrese la nueva r&uacute;brica: 
            </h2>
            <input name="rubrica" type="text" maxlength="200" size="50" id="nueva">
        </div>
  	</div>
    <div id="agregar">
          <div >
             <h2>
            	2. Seleccione  la nueva r&uacute;brica: 
             </h2>  
             <select id="rubricas" name="tipo_rubrica">
             </select>
          </div>
    </div>
    <div id="guardar">
		<button class="btn btn-default" type="button" id="btnAsignarCriterio">Crear</button>
    </div>
</form>