<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-categoria-filtro">
        <div class="tex-center" style="
        text-align: center;">
          {{$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" style="width:214.14px;"  placeholder="Nombre" value="{{$nombre}}" >
            
            {{$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" style="width:214.14px;"  placeholder="Descripción" value="{{$descripcion}}" >
           {{$fecha_inicio=""}}
          @if(array_key_exists('fecha_inicio',$data))
          @if($data['fecha_inicio']!=null)
            <?php $fecha_inicio=$data['fecha_inicio'] ?>
            @endif
          @endif
          <div class="input-group" style="margin-bottom: 0px">
          <div class="input-group-addon">De</div>
          <input type="date" id="f_fecha_inicio" name="f_fecha_inicio" class="form-control"  placeholder="Fecha inicial" value="{{$fecha_inicio}}" >
           </div>
          {{$fecha_fin=""}}
          @if(array_key_exists('fecha_fin',$data))
            @if($data['fecha_fin']!=null)
            <?php $fecha_fin=$data['fecha_fin'] ?>
            @endif
          @endif
          
          <div class="input-group" style="margin-bottom: 0px">
          <div class="input-group-addon" style="width:43.2px">A</div>
          <input type="date" id="f_fecha_fin" name="f_fecha_fin" class="form-control"  placeholder="Fecha final" value="{{$fecha_fin}}" >
          </div>
          <?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:214.14px;">
              <option value="2" {{ $estado3 }}>Estado (todas)</option>
              <option value="1" {{ $estado }}>Activas</option>
              <option value="0" {{ $estado2 }}>Inactivas</option>
          </select>
          <div class="btn-group">
          <button type="button" class="btn btn-info" form="form-categoria-filtro" style="margin-bottom: 0px;" title="Buscar"  onclick="filtro_categoria(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_categorias();"><span class="fa fa-undo"></span></button>
          </div>
        </div>
      </form>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>