<form id="formCrearMetas-{{ hash_vista }}" name="formCrearMetas-{{ hash_vista }}">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <!-- general form elements -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Metas</h3>
                        <div class="box-tools pull-right">
                            {{ boton('guardar',null, '', 'Guardar Meta') }}
                            {{ boton("cancelar", null, "cancelarFormularioMetas()")}}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6"> 
                            <div class="form-group">
                                <div class="box-body">
                                    <label for="codigo">Código:</label>
                                    <input value="{{objMeta.metaID}}" required type="hidden"  id="metaID" name="metaID" >
                                     <input value="{{objMeta.metaCODIGO}}" required type="text" class="form-control" id="codigo" readonly name="codigo" placeholder="Código Automático">
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Seleccione un Plan:</label>
                                    <select  required  class="form-control select2" id="plan" name="plan" style="width:100%">
                                        {% for plan in Planes  %}
                                            <option value="{{plan.planID}}"{% if objMeta.planID == plan.planID %} selected {% endif %} > {{plan.planCODIGO}}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6"> 
                            <div class="form-group">
                                <div class="box-body">
                                    <label for="tipovalor">Seleccione un Tipo Valor:</label>
                                    <select class="form-control select2" id="tipovalor"  name="tipovalor" style="width:100%">
                                        <option value='TEXTO'  {% if objMeta.metaTIPOVALOR == 'TEXTO' %} selected {% endif %} >TEXTO</option>
                                        <option value='NUMERO'  {% if objMeta.metaTIPOVALOR == 'NUMERO' %} selected  {% endif %} >NUMERO</option>
                                        <option value='PORCENTAJE'  {% if objMeta.metaTIPOVALOR == 'PORCENTAJE' %} selected {% endif %} >PORCENTAJE</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="box-body">
                                <div class="form-group">
                                    <label for="evaluacion">Seleccione la Evaluación:</label>
                                    <select class="form-control select2" style="width:100%" id="evaluacion"  name="evaluacion">
                                        <option value='>'  {% if objMeta.metaEVALUACION == '>' %} selected {% endif %} >MAYOR</option>
                                        <option value='>='  {% if objMeta.metaEVALUACION == '>=' %} selected {% endif %} >MAYOR O IGUAL</option>
                                        <option value='<'  {% if objMeta.metaEVALUACION == '<' %} selected  {% endif %} >MENOR</option>
                                        <option value='<='  {% if objMeta.metaEVALUACION == '<=' %} selected {% endif %} >MENOR O IGUAL</option>
                                        <option value='=='  {% if objMeta.metaEVALUACION == '==' %} selected {% endif %} >IGUAL</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6"> 
                            <div class="form-group">
                                <div class="box-body">
                                    <label for="valoresperado">Escriba el Valor Esperado:</label>
                                    <input value="{{objMeta.metaVALORESPERADO}}" required type="text" class="form-control" id="valoresperado" name="valoresperado" placeholder="Valor Esperado">
                                
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6"> 
                            <div class="form-group">
                                <div class="box-body">
                                    <label for="frecuenciamedia">Escriba la Frecuencia de Medida (en meses):</label>
                                    <input value="{{objMeta.metaFRECUENCIAMEDIDA}}" required type="text" class="form-control" id="frecuenciamedia" name="frecuenciamedia" placeholder="Frecuencia Media">
                                
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12"> 
                            <div class="form-group">
                                <div class="box-body">
                                    <label>Escriba la Métrica:</label>
                                    <textarea class="form-control" rows="3" id="metaMETRICA" name="metaMETRICA" placeholder="Métrica ...">{{objMeta.metaMETRICA}}</textarea> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12"> 
                            <div class="form-group">
                                <div class="box-body">
                                    <label>Escriba una Descripción:</label>
                                    <textarea class="form-control" rows="3" id="descripcion-{{ hash_vista }}" name="descripcion" placeholder="Descripción ...">{{objMeta.metaDESCRIPCION}}</textarea> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--div class="box-footer">
                        <button  type="submit" id="btn_registro" name="btn_registro" class="btn btn-primary">Guardar</button>
                        <button  type="reset" class="btn btn-warning">Cancelar</button>
                    </div-->
                </div>
            </div>  
        </div>       
    </form>
    
<style type="text/css">
    .select2-container--default .select2-selection--single {
      height: 35px !important;
    }
</style>

<script type="text/javascript">

    $(document).ready(function() {
        $('.select2').select2();
        $('#descripcion-{{ hash_vista }}').wysihtml5();
    });
    
    function cancelarFormularioMetas(){
        cerrarTabContenedor("formCrearMetas-{{ hash_vista }}");
    }
    
    //$("#formCrearMetas").submit(function(event){
    $("#formCrearMetas-{{ hash_vista }}").submit(function(event){
        ejecutarOperacion(
                "planeador",
                "Metas",
                "guardarDatos",
                $("#formCrearMetas-{{ hash_vista }}").serialize(),
                function (response) {
                    cerrarTabContenedor("formCrearMetas-{{ hash_vista }}");
                    cargarDivisionSicam('div-tableMetas', 'planeador', 'Metas', 'tablaListado');

                }
        );
      event.preventDefault();
    });

    /*function registrarMeta() {
        
        
    }*/
</script>