<nav class="navbar-default salto-menu">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <form class="navbar-form navbar-left" style="width: 100%; padding: 0px;" id="form-carrusel-filtro">
                <div class="row">

                    <div class="col-lg-4 col-sm-4 col-xs-12">
                        {{ $titulo = '' }}
                        @if (array_key_exists('titulo', $data))
                            @if ($data['titulo'] != null)
                                <?php $titulo = $data['titulo']; ?>
                            @endif
                        @endif

                        <input type="text" id="f_titulo" name="f_titulo" class="form-control" style="width:100%;"
                            placeholder="Titulo" value="{{ $titulo }}">
                    </div>
                    <div class="col-lg-4 col-sm-4 col-xs-12">
                        {{ $autores = '' }}
                        @if (array_key_exists('autores', $data))
                            @if ($data['autores'] != null)
                                <?php $autores = $data['autores']; ?>
                            @endif
                        @endif

                        <input type="text" id="f_autores" name="f_autores" class="form-control" style="width:100%;"
                            placeholder="Autor(es)" value="{{ $autores }}">
                    </div>
                    <div class="col-lg-4 col-sm-4 col-xs-12">
                        {{ $anio = '' }}
                        @if (array_key_exists('anio', $data))
                            @if ($data['anio'] != null)
                                <?php $anio = $data['anio']; ?>
                            @endif
                        @endif

                        <input type="number" id="f_anio" name="f_anio" class="form-control" style="width:100%;"
                            placeholder="Año" value="{{ $anio }}">
                    </div>
                    <div class="col-lg-3 col-sm-3 col-xs-12">
                        <?php
                        $maestria = '';
                        $maestria2 = '';
                        $maestria3 = 'selected';
                        if (array_key_exists('maestria', $data)) {
                            if ($data['maestria'] == 'MGA') {
                                $maestria2 = 'selected';
                                $maestria3 = '';
                            } else {
                                if ($data['maestria'] == 'MSC') {
                                    $maestria3 = '';
                                    $maestria = 'selected';
                                }
                            }
                        }
                        ?>

                        <select name="f_maestria" id="f_maestria" class="form-control" style="width:100%;">
                            <option value="2" {{ $maestria3 }}>Mestrias (todas)</option>
                            <option value="MSC" {{ $maestria }}>MSC</option>
                            <option value="MGA" {{ $maestria2 }}>MGA</option>
                        </select>
                    </div>
                    <div class="col-lg-3 col-sm-3 col-xs-12">
                        <?php
                        $dirigido = '';
                        $dirigido2 = '';
                        $dirigido3 = 'selected';
                        if (array_key_exists('dirigido', $data)) {
                            if ($data['dirigido'] == 'docentes') {
                                $dirigido2 = 'selected';
                                $dirigido3 = '';
                            } else {
                                if ($data['dirigido'] == 'alumnos') {
                                    $dirigido3 = '';
                                    $dirigido = 'selected';
                                }
                            }
                        }
                        ?>

                        <select name="f_dirigido" id="f_dirigido" class="form-control" style="width:100%;">
                            <option value="2" {{ $dirigido3 }}>Dirigido (todas)</option>
                            <option value="alumnos" {{ $dirigido }}>Estudiantes</option>
                            <option value="docentes" {{ $dirigido2 }}>Docentes</option>
                        </select>
                    </div>
                    <div class="col-lg-3 col-sm-3 col-xs-12">
                        <?php
                        $estado = '';
                        $estado2 = '';
                        $estado3 = 'selected';
                        if (array_key_exists('estado', $data)) {
                            if ($data['estado'] == 0) {
                                $estado2 = 'selected';
                                $estado3 = '';
                            } else {
                                if ($data['estado'] == 1) {
                                    $estado3 = '';
                                    $estado = 'selected';
                                }
                            }
                        }
                        ?>

                        <select name="f_estado" id="f_estado" class="form-control" style="width:100%;">
                            <option value="2" {{ $estado3 }}>Estado (todas)</option>
                            <option value="1" {{ $estado }}>Activas</option>
                            <option value="0" {{ $estado2 }}>Inactivas</option>
                        </select>
                    </div>

                    <div class="col-lg-3 col-sm-3 col-xs-12">
                        <div class="btn-group">
                            <button type="button" class="btn btn-info" form="form-carrusel-filtro"
                                style="margin-bottom: 0px;" title="Buscar"
                                onclick="filtro_productividad(this.form);"><span class="fa fa-search"></span></button>
                            <button type="button" class="btn btn-light" style="margin-bottom: 0px"
                                title="Limpiar Filtros" onclick="listar_porductividad();"><span
                                    class="fa fa-undo"></span></button>
                        </div>
                    </div>

                </div>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
