<div class="">

    <div class="page-title">

        <div class="title_left">

            <h3>NOTICIAS</h3>

        </div>

    </div>



    <div class="clearfix"></div>



    <div class="row">

        <div class="col-md-12 col-sm-12 col-xs-12">

            <div class="x_panel">

                <div class="x_title">

                    <h2>Registrar una noticia</h2>

                    <div class="clearfix"></div>

                </div>

                <div class="x_content">

                    <form id="form-nueva" data-parsley-validate enctype="multipart/form-data"

                        class="form-horizontal form-label-left">

                        @csrf



                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="titulo">Título <span

                                    class="required">*</span></label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="text" id="titulo" name="titulo" required

                                    class="form-control col-md-7 col-xs-12">

                            </div>

                        </div>



                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="descripcion">Descripción<span

                                    class="required">*</span></label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <textarea class="form-control" id="descripcion" name="descripcion" style="resize:none;" rows="3"

                                    placeholder="Descripción de la noticia" required

                                    class="form-control col-md-7 col-xs-12"></textarea>

                            </div>

                        </div>


                        <div class="form-group ceroM">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="imagenT">Imagen principal <span class="required">*</span> </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <div class="input-group">
                                <label for="imagen" class="input-group-addon subir" id="basic-addon1">
                                  <i class="fa fa-cloud-upload"></i> Subir imagen
                                </label>
                                <input id="imagen" name="imagen" onchange="sacardocumentos('imagen','imagenT');" required type="file" accept="image/jpeg,image/png,image/webp" style='display: none;'/>
                                <input id="imagenT" name="imagenT" type="text" class="form-control" placeholder="No eligio imagen" aria-describedby="basic-addon1" readonly/>
                              </div>
                            </div>
                        </div>
                        

                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="descripcionimagen">Descripción

                                de la imagen<span class="required">*</span></label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <textarea class="form-control" id="descripcionimagen" name="descripcionimagen"

                                style="resize:none;" rows="3" placeholder="Breve descripción para la imagen" required

                                    class="form-control col-md-7 col-xs-12"></textarea>

                            </div>

                        </div>

                        <div class="form-group ceroM">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="imagenE">Imágenes extra</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <div class="input-group">
                                <label for="imagenes" class="input-group-addon subir" id="basic-addon1">
                                  <i class="fa fa-cloud-upload"></i> Subir imagen
                                </label>
                                <input id="imagenes" name="imagenes[]" multiple onchange="sacardocumentos('imagenes','imagenE');" type="file" accept="image/jpeg,image/png,image/webp" style='display: none;'/>
                                <input id="imagenE" name="imagenE" type="text" class="form-control" placeholder="No eligio imagen" aria-describedby="basic-addon1" readonly/>
                              </div>
                            </div>
                        </div>
                        



                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Opciones para Subir</label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <div id="ops" class="btn-group" data-toggle="buttons">

                                    <label class="btn btn-default active ceroM" data-toggle-class="btn-primary"

                                        onclick="entrada(1);" data-toggle-passive-class="btn-default">

                                        <input type="radio" name="docu" value="docu" class="btn-sm"> &nbsp;

                                        Documento (s) &nbsp;

                                    </label>

                                    <label class="btn btn-default ceroM" data-toggle-class="btn-primary"

                                        onclick="entrada(2);" data-toggle-passive-class="btn-default">

                                        <input type="radio" name="urls" value="urls" class="btn-sm"> URL

                                    </label>

                                </div>

                            </div>

                        </div>



                    
                        <div class="form-group ceroM" id="div-documento">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="documentosT">Subir Documento (s) </label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                              <div class="input-group">
                                <label for="documentos" class="input-group-addon subir" id="basic-addon1">
                                  <i class="fa fa-cloud-upload"></i> Subir archivo
                                </label>
                                <input id="documentos" name="documentos[]" multiple  accept="application/pdf" onchange="sacardocumentos('documentos','documentosT');" type="file" style='display: none;'/>
                                <input id="documentosT" name="documentosT"  type="text" class="form-control" placeholder="No eligio archivo" aria-describedby="basic-addon1" readonly/>
                              </div>
                            </div>
                        </div>
                        <div class="form-group" id="div-url" style="display: none;">



                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="url"> URL</label>



                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="text" class="form-control col-md-7 col-xs-12" id="url" name="url"

                                    placeholder="Ejemplo: https://example.com/users/" aria-describedby="basic-addon3">



                            </div>

                        </div>



                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="fecha_inicioaviso">Fecha

                                inicio de Aviso<span class="required">*</span>

                            </label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="date" class="form-control col-md-7 col-xs-12" id="fecha_inicioaviso"

                                    required name="fecha_inicioaviso">

                            </div>

                        </div>



                        <div class="form-group">

                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="fecha_finaviso">Fecha fin de

                                Aviso<span class="required">*</span>

                            </label>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <input type="date" class="form-control col-md-7 col-xs-12" id="fecha_finaviso" required

                                    name="fecha_finaviso">

                            </div>

                        </div>


                        <div class="ln_solid"></div>
                        <div class="row">
                            <div class="col-md-3 col-sm-12"></div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                <div class="row">
                                    <div class="col-md-4 col-sm-4 col-xs-6"><button type="button"
                                            class="btn btn-success btn-block" onclick="cargar_noticia(this.form);"><i
                                                class="fa fa-pencil"></i>
                                            Guardar</button></div>
                                    <div class="col-md-4 col-sm-4 col-xs-6"><button type="reset"
                                            class="btn btn-info btn-block"><i class="fa fa-eraser"></i>
                                            Limpiar</button></div>
                                    <div class="col-md-4 col-sm-4 col-xs-12"><a href="/admin"
                                            class="btn btn-dark btn-block"><i class="fa fa-times"></i> Cancelar</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-12"></div>
                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</div>

