<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <span class="glyphicon glyphicon-filter" aria-hidden="true"></span> <a data-toggle="collapse" href="#collapse0"> Filtros de busqueda<span class="glyphicon glyphicon-chevron-up pull-right"></span></a> </h4> </div> <div id="collapse0" class="panel-collapse collapse in"> <div class="panel-body"> <form class="form-horizontal"> <fieldset> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Nº Transaccion</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Ingrese Nº transaccion...." class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Nº Documento</label> <div class="col-md-4"> <div class="input-group"> <input id="textinput" name="textinput" type="text" placeholder="Ingrese Nº documento..." class="form-control"> <div class="input-group-btn"> <button class="btn btn-default" title="Ver observacioones cliente..." type="button"> <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> </button> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Nº Comercio</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Ingrese Nº de Comercio..." class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Politica Credencial</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">TODAS...</option> <option value="2">SCORINGPOLITICANORMAL</option> <option value="">SCORINGPOLITICAPOS</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Dictamen</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">TODOS...</option> <option value="2">APROBAR</option> <option value="">RECHAZAR</option> <option value="">LLAMAR</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Fecha</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Seleccione fecha..." class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Usuario</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">TODOS...</option> <option value="2">CATA</option> <option value="">LAPOS</option> <option value="">IVR</option> <option value="">UC</option> </select> </div> </div> <div class="row"> <div class="text-center"> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar</button> <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Limpiar</button> </div> </div> </div> </fieldset> </form> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> <a data-toggle="collapse"> Transacciones encontradas</a> </h4> </div> <div class="panel-body"> <div class="row col-md-12"> <table class="table table-striped table-sm "> <thead> <tr> <th>Transaccion</th> <th>Usuario</th> <th>Fecha</th> <th>Apellido y Nombre</th> <th>Dictamen</th> <th>Motivo</th> <th>Nivel de Riesgo</th> <th>Limite($)</th> <th>Cuota</th> <th>Flexibilidad(%)</th> <th>Explicación</th> <th>Politica Credencial</th> </tr> </thead> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> <tr> <td><a href="#">999999</a></td> <td>PRUEBA</td> <td> 25/01/2017 10:13:50 </td> <td> NIKLISON DOLORES </td> <td> APROBAR </td> <td align="center"> - </td> <td> 1 Bajo </td> <td align="right"> 13200.0 </td> <td align="right"> 2275 </td> <td align="right" style="width:60px;"> 10 </td> <td> SC:896 ok. RN Sueldo: 33600 RN Vigente: SI. </td> <td>SCORINGPOLITICANORMAL</td> </tr> </table> </div> <div class="row col-md-12"> <button type="button" class="btn btn-default pull-right"><span class="glyphicon glyphicon-export" aria-hidden="true"></span> Exportar</button> </div> <div class="col-md-12" style="text-align: center"> <ul class="pagination"> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" onclick="changePage(6);return false;">6</a></li> <li id="next-page"><a href="#">»</a></li> </ul> </div> </div> </div>