<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" style="margin-bottom: 0px;" id="form-producto-filtro">
                <div class="row">

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

                        <input type="text" id="f_nombre" name="f_nombre" class="form-control" placeholder="Nombre"
                            value="{{ $nombre }}">
                    </div>
                    <div class="col-lg-3 col-sm-3 col-xs-12">

                        {{ $descripcion = '' }}
                        @if (array_key_exists('descripcion', $data))
                            @if ($data['descripcion'] != null)
                                <?php $descripcion = $data['descripcion']; ?>
                            @endif
                        @endif

                        <input type="text" id="f_descripcion" name="f_descripcion" class="form-control"
                            placeholder="Descripción" value="{{ $descripcion }}">
                    </div>

                    <?php
                    
                    $cadAd = 'selected';
                    $bandera = false;
                    if (array_key_exists('categoria', $data)) {
                        if ($data['categoria'] != 0) {
                            $cadAd = '';
                            $bandera = true;
                        }
                    }
                    ?>
                    <div class="col-lg-2 col-sm-2 col-xs-12">

                        <select name="f_categoria" id="f_categoria" class="form-control">
                            <option value="0" {{ $cadAd }}>Categoría (todas)</option>

                            @foreach ($categorias as $categoria)
                                <?php
                                $cadAd = '';
                                if ($bandera) {
                                    if ($data['categoria'] == $categoria->id) {
                                        $cadAd = 'selected';
                                        $bandera = false;
                                    }
                                }
                                ?>
                                <option value="{{ $categoria->id }}" {{ $cadAd }}>{{ $categoria->nombre }}
                                </option>
                            @endforeach
                        </select>
                        <?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';
                                }
                            }
                        }
                        ?>
                    </div>
                    <div class="col-lg-2 col-sm-2 col-xs-12">

                        <select name="f_estado" id="f_estado" class="form-control">
                            <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-2 col-sm-2 col-xs-12">

                        <div class="btn-group">
                            <button type="button" class="btn btn-info" form="form-producto-filtro"
                                style="margin-bottom: 0px;" title="Buscar" onclick="filtro_producto(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_productos();"><span
                                    class="fa fa-undo"></span></button>
                        </div>
                    </div>
                </div>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
