<div class="">

    <div class="page-title">

        <div class="title_left">

            <h3>PRODUCTIVIDAD</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 productividad</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="autores">Nombre de los
                                autores
                                <span class="required">*</span></label>

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

                                <input type="text" id="autores" name="autores" 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="anio">Año
                                <span class="required">*</span></label>

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

                                <input type="number" id="anio" name="anio" 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="titulo">Titulo
                                <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">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 &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
                            </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" 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="issn">ISSN</label>

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

                                <input type="text" id="issn" name="issn"
                                    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="doi">DOI</label>

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

                                <input type="text" id="doi" name="doi"
                                    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">Tipo <span
                                    class="required">*</span></label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <select class="form-control" required id="tipo" name="tipo">
                                    <option value>Seleccione</option>
                                    <option value="Publicaciones indexadas/arbitradas y Proyectos de investigación">
                                        Publicaciones indexadas/arbitradas y Proyectos de investigación</option>
                                    <option value="Congresos Internacionales">Congresos Internacionales</option>
                                    <option value="Congresos Nacionales">Congresos Nacionales</option>
                                    <option value="Informes Técnicos">Informes Técnicos</option>
                                    <option value="Capítulos de libro">Capítulos de libro</option>
                                    <option value="Propiedad Intelectual">Propiedad Intelectual</option>
                                    <option value="LGAC - Tecnologías Web Productividad Académica Árticulos">LGAC -
                                        Tecnologías Web Productividad Académica Árticulos</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group" style="text-align: center;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12"></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"
                                        data-toggle-passive-class="btn-default">
                                        <input type="radio" name="dirigido" checked="" value="alumnos"
                                            class="btn-sm"> &nbsp;
                                        Estudiantes &nbsp;
                                    </label>
                                    <label class="btn btn-default ceroM" data-toggle-class="btn-primary"
                                        data-toggle-passive-class="btn-default">
                                        <input type="radio" name="dirigido" value="docentes" class="btn-sm">
                                        Docentes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" style="text-align: center;">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12"></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"
                                        data-toggle-passive-class="btn-default" onclick="ocultarElemento('div-Lineas-MGA'); mostrarElemento('div-Lineas-MSC');">
                                        <input type="radio" name="maestria" checked="" value="MSC" onclick="ocultarElemento('div-Lineas-MGA'); mostrarElemento('div-Lineas-MSC');"
                                            class="btn-sm"> &nbsp; MSC &nbsp; </label>
                                    <label class="btn btn-default ceroM" data-toggle-class="btn-primary"
                                        data-toggle-passive-class="btn-default" onclick="ocultarElemento('div-Lineas-MSC');mostrarElemento('div-Lineas-MGA');">
                                        <input type="radio" name="maestria" value="MGA" onclick="ocultarElemento('div-Lineas-MSC');mostrarElemento('div-Lineas-MGA');"
                                            class="btn-sm">MGA</label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" id="div-Lineas-MSC">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12" >LGAC <span
                                    class="required">*</span></label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <select class="form-control" id="lineaMaestriaMSC" name="lineaMaestriaMSC">
                                    <option value>Seleccione</option>
                                    <option value="Ingeniería de software">Ingeniería de software</option>
                                    <option value="Tecnologías web">Tecnologías web</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group" style="display: none;" id="div-Lineas-MGA">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">LGAC <span
                                    class="required">*</span></label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <select class="form-control" id="lineaMaestriaMGA" name="lineaMaestriaMGA">
                                    <option value>Seleccione</option>
                                    <option value="Administración de negocios">Administración de negocios</option>
                                    <option value="Competitividad empresarial">Competitividad empresarial</option>
                                </select>
                            </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_productividad(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>
