<form id="frm-controladorSICAM-{{ hash_vista }}" >
<div class="box">
  <div class="box-header with-border">
    <h3 class="box-title">Controlador SICAM</h3>
    <div class="box-tools pull-right">
        {% if Controlador %}
            {{ boton("guardar","guardarDatosControladoresSICAM")}}
        {% else %}
            {{ boton("guardar","guardarDatosControladoresSICAM")}}
        {% endif %}
        {{ boton("cancelar","", "cancelarFormularioControladorSICAM()")}}
        {{ boton("resetear", "", "controladorNombre.focus();")}}  
    </div>
  </div>
  <div class="box-body">
    <div class="row">
        <div class="col-md-5" id="">
            <div class="form-group">
                <label for="controladorCODIGO">Código de Control</label>
                <input type="text" class="form-control uppercase" name="controladorCODIGO" id="controladorCODIGO"  required
                    value="{{ Controlador.controladorCODIGO }}" placeholder="controladorCODIGO"  />
            </div>
        </div>
        <div class="col-md-7" id="">
            <div class="form-group">
                <label for="controladorTITULO">Título del Controlador</label>
                <input type="text" class="form-control uppercase" name="controladorTITULO" id="controladorTITULO"  required
                    value="{{ Controlador.controladorTITULO }}" placeholder="Titulo"  />
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-8" >
            <div class="form-group">
                <label for="controladorDESCRIPCION">Descripción</label>
                <textarea rows="5" cols="80" class="form-control " placeholder="Descripción del controlador" 
                    name="controladorDESCRIPCION" id="controladorDESCRIPCION-{{ hash_vista }}" 
                    >{{ Controlador.controladorDESCRIPCION }}</textarea>
            </div>
            <div class="form-group">
                <label>Estado:</label>
            </div>
            <div class="form-group">
                <label class="col-sm-6">
                    <input type="radio" name="controladorEstado" id="controladorActivado" class="flat-red" required
                        {% if Controlador.controladorESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />
                    ACTIVADO
                </label>
                <label class="col-sm-6">
                    <input type="radio" name="controladorEstado" id="controladorSuspendido" class="flat-red" required
                        {% if Controlador.controladorESTADO == 'SUSPENDIDO' %}checked{% endif %} value="SUSPENDIDO" /> 
                    SUSPENDIDO
                </label>
            </div>
        </div>
        <div class="col-md-4" >
            <div class="col-md-12" id="">
                <div class="form-group">
                    <label>Publicar en el MENÚ: 
                      <input type="radio" name="controladorMENU" class="flat-red" value="SI" />
                    </label>
                    <label >NO:
                      <input type="radio" name="controladorMENU" class="flat-red" value="NO" />
                    </label>
                </div>
            </div>
            <div class="col-md-12" id="">
                <div class="form-group">
                    <label for="controladorMENUICONO">Icono para el Menú</label>
                    <input type="text" class="form-control uppercase" name="controladorMENUICONO" id="controladorMENUICONO"  required
                        value="{{ Controlador.controladorTITULO }}" placeholder="controladorMENUICONO"  />
                </div>
            </div>
            <div class="col-md-12" id="">
                <div class="form-group">
                    <label for="controladorMENUTITULO">Título Para el Menú</label>
                    <input type="text" class="form-control uppercase" name="controladorMENUTITULO" id="controladorMENUTITULO" maxlength="17"
                        value="{{ Controlador.controladorTITULO }}" placeholder="Titulo Menú"   />
                </div>
            </div>
        </div>
    </div>
  </div>
</div>
<input type="hidden" name="controladorID" value="{{Controlador.controladorID}}" />
</form>
<script>
    $(document).ready(function () {
        $("#frm-controladorSICAM-{{hash_vista}}").submit(function(){
            ejecutarOperacion(
                "desarrollosoftware","Controladores","guardarDatos",
                $("#frm-editor-constructor").serialize() + "&" + $(this).serialize(),
                function(controlador){
                    cerrarTabContenedor("frm-controladorSICAM-{{hash_vista}}");
                    cargarVista('afiliados','afiliadosNoticias','mostrarFormularioEditar', 'controladorID='+controlador.controladorID );
                    cargarTablaNoticias(); 
                }
            );
        });  
        
        $("#controladorCONTENIDO-{{ hash_vista }}").wysihtml5();
        
        $('#controladorESTADO').iCheck({
            radioClass   : 'flat-red'
        });
    });
    function cancelarFormularioControladorSICAM (){
        cerrarTabContenedor("frm-controladorSICAM-{{ hash_vista }}");
    }
</script>

<div class="row">
    <button onclick="cargarTabsEditor();"><i class="fa fa-refresh" aria-hidden="true"></i></button>
    <div id="tab-editor-controlador" class="col-md-12"></div>
</div>
<script>
    $(document).ready(function () {
         cargarTabsEditor();
        checkBoxSICAM('input [name="controladorEstado"]');
    });
    function cargarTabsEditor(){
        cargarDivisionSicam('tab-editor-controlador',
            'desarrollosoftware','constructor','editorTabs'
        );
    }
</script>