{include="header"}

<script type="text/javascript">
  $(document).ready(function() {
    if(window.location.hash.substring(1) == 'nuevo') {
      $("#modal_nuevo_kdb").modal('show');
      document.f_nuevo_kdb.ssintoma.focus();
    }else{
      document.f_custom_search.query.focus();
    }

    $("#b_nuevo_kdb").click(function(event) {
      event.preventDefault();
      $("#modal_nuevo_kdb").modal('show');
      document.f_nuevo_kdb.ssintoma.focus();
    });
  });
</script>

<div class="container-fluid hidden-print">
  <div class="row">
    <div class="col-sm-6 col-xs-6">
      <div class="btn-group hidden-xs">
        <a class="btn btn-sm btn-default" href="{$fsc->url()}" title="Recargar la página">
          <span class="glyphicon glyphicon-refresh"></span>
        </a>
      </div>
      <div class="btn-group">
        <a id="b_nuevo_kdb" class="btn btn-sm btn-success" href="#">
          <span class="glyphicon glyphicon-plus"></span>
          <span class="hidden-xs">&nbsp;Nuevo</span>
        </a>
      </div>
    </div>
    <div class="col-sm-6 col-xs-6 text-right">
      <h2 style="margin-top: 0px;">
        <i class="fa fa-users" aria-hidden="true"></i>Base del conocimiento
      </h2>
    </div>
  </div>
</div>

<div id="tab_kdb" role="tabpanel">
  <ul class="nav nav-tabs">
   <li role="presentation" class="active">
     <a href="{$fsc->url()}">
       <span class="glyphicon glyphicon-search"></span>
       <span class="hidden-xs">&nbsp;Resultados</span>
     </a>
    </li>
    {loop="$fsc->extensions"}
    {if="$value->type=='tab'"}
      <li role="presentation">
        <a href="#ext_{$value->name}" aria-controls="ext_{$value->name}" role="tab" data-toggle="tab">{$value->text}</a>
      </li>
    {/if}
    {/loop}
  </ul>

  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">
      <form name="f_custom_search" action="{$fsc->url()}" method="post" class="form">
        <div class="container-fluid" style="margin-top: 15px; margin-bottom: 10px;">
          <div class="row">
            <div class="col-sm-2">
              <div class="input-group">
                <input class="form-control" type="text" name="query" value="{$fsc->query}" autocomplete="off" placeholder="Buscar">
                <span class="input-group-btn hidden-sm">
                  <button class="btn btn-primary" type="submit">
                    <span class="glyphicon glyphicon-search"></span>
                  </button>
                </span>
              </div>
            </div>
          </div>
        </div>
      </form>

      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>Código</th>
              <th>Síntoma</th>
            </tr>
          </thead>
          {loop="$fsc->resultados"}
          <tr>
            <td>{$value->idkdb}</td>
            <td>
              <a href="{$value->url()}">{$value->sintoma}</a>
            </td>
          </tr>
          {/loop}
        </table>
      </div>
      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-12 text-center">
            <ul class="pagination">
              {loop="$fsc->paginas()"}
              <li{if="$value['actual']"} class="active"{/if}>
                <a href="{$value['url']}">{$value['num']}</a>
              </li>
              {/loop}
            </ul>
          </div>
        </div>
      </div>
    </div>

    {loop="$fsc->extensions"}
    {if="$value->type=='tab'"}

    <div role="tabpanel" class="tab-pane" id="ext_{$value->name}">
      <iframe src="index.php?page={$value->from}{$value->params}" width="100%" height="2000" frameborder="0"></iframe>
    </div>

    {/if}
    {/loop}

  </div>
</div>

<form class="form-horizontal" role="form" name="f_nuevo_kdb" action="{$fsc->url()}" method="post">
  <div class="modal" id="modal_nuevo_kdb">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">
            <span class="glyphicon glyphicon-user"></span>
            &nbsp; Nueva entrada
          </h4>
        </div>
        <div class="modal-body">
          <div class="form-group">
            <label for="ssintoma" class="col-sm-2 control-label">Síntoma</label>
            <div class="col-sm-10">
              <textarea name="ssintoma" rows="6" class="form-control"></textarea>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-sm btn-primary" type="submit">
            <span class="glyphicon glyphicon-floppy-disk"></span>&nbsp; Guardar
          </button>
        </div>
      </div>
    </div>
  </div>
</form>

{include="footer"}