<form id="frm-noticiaafiliado-{{ hash_vista }}" >


<div class="box">


  <div class="box-header with-border">


    <h3 class="box-title">Formulario de Noticias de Afiliados</h3>


    <div class="box-tools pull-right">


        {% if NoticiaAfiliado %}


            {{ boton("guardar","guardarCambiosNoticiaAfiliados")}}


        {% else %}


            {{ boton("guardar","guardarNuevoNoticiaAfiliados")}}


        {% endif %}


        {{ boton("cancelar","", "cancelarFormularioBenefiocAfiliado()")}}


        {{ boton("resetear", "", "noticiaNombre.focus();")}}  


    </div>


    <!-- /.box-tools -->


  </div>


  <!-- /.box-header -->


  <div class="box-body">


    <div class="row">


        <div class="col-md-12" id="">


            <div class="form-group">


                <div class="form-group">


                    <label for="noticiaCATEGORIA">Categoria:</label>


                    <select class="form-control select2" id="noticiaCATEGORIA" name="noticiaCATEGORIA" style="width: 100%;">


                        <option>NINGUNA</option>


                        {% if CategoriasNoticias %}


                            {% for categoria in CategoriasNoticias %}


                            <option value="{{categoria.categoriaID}}" 


                                {% if categoria.categoriaID == NoticiaAfiliado.categoriaID %}selected{% endif %} >{{categoria.categoriaTITULO}}</option>


                            {% endfor %}


                        {% endif %}


                    </select>


                </div>


            </div>


        </div>


        <div class="col-md-12" id="">


            <div class="form-group">


                <label for="noticiaNombre">Titulo de la Noticia</label>


                <input type="text" class="form-control uppercase" name="noticiaNOMBRE" id="noticiaNOMBRE"  required


                    value="{{ NoticiaAfiliado.noticiaTITULO }}" placeholder="Titulo del Noticias"  />


            </div>


        </div>


    </div>


    <div class="row">


        <div class="col-md-6" >


            <div class="form-group">


                <label for="noticiaDESCRIPCION">Intro / Descripción del Noticia (max 140 caracteres)</label>


                <textarea rows="5" cols="80" maxlength="140" class="form-control " placeholder="Descripción del noticia" 


                    name="noticiaDESCRIPCION" id="noticiaDESCRIPCION-{{ hash_vista }}" 


                    >{{ NoticiaAfiliado.noticiaDESCRIPCION }}</textarea>


            </div>


            <div class="form-group">


                <label for="noticiaDESCRIPCION">Contenido de la Noticia</label>


                <textarea rows="10" cols="80" class="wysiwyg form-control " placeholder="Descripción del noticia" 


                    name="noticiaCONTENIDO" id="noticiaCONTENIDO-{{ hash_vista }}" 


                    >{{ NoticiaAfiliado.noticiaCONTENIDO }}</textarea>


            </div>


            <div class="form-group">


                <label for="noticiaLINK">Link de Noticia Externa</label>


                <input type="url" class="form-control" name="noticiaLINK" id="noticiaLINK"


                    value="{{ NoticiaAfiliado.noticiaENLACE }}" placeholder="Link de Noticia" >


            </div>


            <div class="form-group">


                <label>Estado:</label>


            </div>


            <div class="form-group">


                <label class="col-sm-6">


                    <input type="radio" name="noticiaEstado" id="noticiaActivado" class="flat-red noticiaEstado" required


                        {% if NoticiaAfiliado.noticiaESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />


                    ACTIVADO


                </label>


                <label class="col-sm-6"> 


                    <input type="radio" name="noticiaEstado" id="noticiaSuspendido" class="flat-red noticiaEstado" required


                        {% if NoticiaAfiliado.noticiaESTADO == 'SUSPENDIDO' %}checked{% endif %} value="SUSPENDIDO" /> 


                    SUSPENDIDO


                </label>


            </div>


        </div>


        <div class="col-md-6" >


            <div class="thumbnail">


                <img src="{% if NoticiaAfiliado.noticiaIMGMIN %}{{ NoticiaAfiliado.noticiaIMGMIN }}{% else %}http://via.placeholder.com/300x150/FEDCBA/000000/?text=Noticias+300x150{% endif %}" alt="Miniatura del Imagen Promocional"  class="img-thumbnail" style="width:100%" />


                <div class="caption">


                    <label for="noticiaMin">Imagen Miniatura</label>


                    <input accept="image/*" class="file noticiaFile" data-show-upload="false" data-show-caption="true" 


                        type="file" id="noticiaMin"  name='noticiaMin' {% if not NoticiaAfiliado %}required{% endif %}  />           


                </div>


            </div>


            <div class="thumbnail">


                <img src="{% if NoticiaAfiliado.noticiaIMGMAX %}{{ NoticiaAfiliado.noticiaIMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=Noticias+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />


                <div class="caption">


                    <label for="noticiaMax">Imagen Completa</label>


                    <input accept="image/*" class="file noticiaFile" data-show-upload="false" data-show-caption="true" 


                        type="file" id="noticiaMax"  name='noticiaMax' {% if not NoticiaAfiliado %}required{% endif %} />           


                </div>


            </div>


        </div>


    </div>


  </div>


</div>


<input type="hidden" name="noticiaID" value="{{NoticiaAfiliado.noticiaID}}" />


</form>


<script>


    $(document).ready(function () {


        $("#frm-noticiaafiliado-{{hash_vista}}").submit(function(){


             ejecutarOperacionArchivo(


                "afiliados","AfiliadosNoticias","guardarDatosNoticia",


                crearFormData("frm-noticiaafiliado-{{ hash_vista }}"),


                function(noticia){


                    cerrarTabContenedor("frm-noticiaafiliado-{{hash_vista}}");


                    cargarVista('afiliados','afiliadosNoticias','mostrarFormularioEditar', 'noticiaID='+noticia.noticiaID );


                    cargarTablaNoticias(); 


                }


            );


        });  


        $("#noticiaCONTENIDO-{{ hash_vista }}").wysihtml5();


       $(".noticiaFile").fileinput({


           previewFileType: "image",


            maxFileSize: 512,


            // slugCallback: function (filename) {


            //     return filename.replace('(', '_').replace(']', '_');


            // }


        });


        $('.noticiaEstado').iCheck({


          radioClass   : 'iradio_flat-blue'


        });


        $('.select2').select2()


    });


    


    


    function cancelarFormularioBenefiocAfiliado (){


        cerrarTabContenedor("frm-noticiaafiliado-{{ hash_vista }}");


    }


 


    


</script>