<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 ----------> <br /> <div id="main" class="container" role="main"> <div class="row"> <div class="col-md-3"></div> <!--PANEL BUSQUEDA COMERCIO --> <div class="col-md-6"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> Busqueda de comercios </h4> </div> <div class="panel-body"> <div class="text-center"> <form class="form-horizontal"> <div class="row"> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Codigo Comercio</label> <div class="col-md-7"> <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-sm"> </div> </div> </div> <div class="row"> <div class="form-group"> <label class="col-md-4 control-label" for="basic-url">CUIT:</label> <div class="col-md-7"> <div class="input-group"> <input type="text" class="form-control input-sm" style="float: left; width: 25%;" placeholder="ID"> <input type="text" class="form-control input-sm" style="float: left; width: 50%;" placeholder="Numero"> <input type="text" class="form-control input-sm" style="float: left; width: 25%;" placeholder="Dig"> </div> </div> </div> </div> </form> </div> </div> <div class="panel-footer panel-primary text-right"> <button class="btn btn-primary" type="submit" id="Buscar" data-loading-text="Buscando..."> <span class="glyphicon glyphicon-search"></span> Buscar </button> <button class="btn btn-default Limpiar" type="button"> <span class="glyphicon glyphicon-trash"></span> Limpiar </button> </div> </div> </div> <div class="col-md-3"></div> <!--FIN PANEL BUSQUEDA COMERCIO --> </div> <div class="row"> <!--PANEL COMERCIOS ENCONTRADOS --> <div class="col-md-3"></div> <div class="col-md-6"> <div class="panel-group" id="accordion"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> Comercios encontrados </h4> </div> <div class="panel-body"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label for="basic-url">Seleccione Comercio:</label> <select id="activado-list" name="Activado" class="form-control"> <option value="N">VALERIA INDUMENTARIA [CMR: 309067] [MAQ: 1] [sin USR WEB]</option> <option value="N">VALERIA INDUMENTARIA [CMR: 309067] [MAQ: 1] [sin USR WEB]</option> </select> </div> </div> </div> <div class="row"> <div class="col-md-8"> <button type="button" class="btn btn-default btn-block text-left " data-toggle="collapse" data-parent="#accordion" href="#collapse1"> Comercio con Web y Nro. de Transacción.<span class="glyphicon glyphicon glyphicon-chevron-right pull-right"></span></button> </div> <div class="col-md-4"> <div class="collapse" id="collapse1"> <div class="input-group"> <input type="text" class="form-control" aria-label="..." placeholder="Numero de transacción"> <div class="input-group-btn"> <button class="btn btn-primary" type="submit" id="Buscar" data-loading-text="Buscando..."> <span class="glyphicon glyphicon-search"></span> </button> </div><!-- /btn-group --> </div><!-- /input-group --> </div> </div> </div> <br/> <div class="row"> <div class="col-md-8"> <button type="button" class="btn btn-default btn-block " data-toggle="modal" data-target="#clienteeModal" data-parent="#accordion" href="#clienteeModal"> Comercio con WEB y sin Nro. Transacción.</button> </div> </div> <br/> <div class="alert alert-info text-small"> <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> Opera con Crédito Argentino, Plan DNI </div> <div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> -Local asoc. Habilitado vta. Monotributo a PP -Habilitado vta. Monotributo a CC </div> <div class="alert alert-info"> <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> TODOS LOS RIESGOS </div> </div> </div> </div> </div> <div class="col-md-3"></div> </div> </div> <!--FIN PANEL COMERCIOS ENCONTRADOS --> <!--MODALLLLLLLLLLLL--> <div class="modal fade" id="clienteeModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h3 class="modal-title" id="lineModalLabel">Busqueda de clientes</h3> </div> <div class="modal-body"> <!-- content goes here --> <form class="form-horizontal"> <fieldset> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Numero documento:</label> <div class="col-md-5"> <input id="textinput" name="textinput" type="text" placeholder="Ingrese Nro. documento" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Sexo:</label> <div class="col-md-5"> <div class="input-group"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="M">Masculino</option> <option value="F">Femenino</option> </select> <div class="input-group-btn"> <button class="btn btn-primary" type="submit" id="Buscar" data-loading-text="Buscando..."> <span class="glyphicon glyphicon-search"></span> </button> </div><!-- /btn-group --> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="prependedcheckbox">Fecha Nacimiento:</label> <div class="col-md-5"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="prependedcheckbox" name="prependedcheckbox" class="form-control" type="text" placeholder="dd/MM/yyyy"> </div> </div> </div> <!-- Prepended checkbox --> <div class="form-group"> <label class="col-md-4 control-label" for="prependedcheckbox">Numero Credencial:</label> <div class="col-md-5"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input id="prependedcheckbox" disabled="disabled" name="prependedcheckbox" class="form-control" type="text" placeholder="Ingrese credencial"> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Monto Solicitado:</label> <div class="col-md-5"> <input id="textinput" name="textinput" type="text" placeholder="Ingrese monto" class="form-control input-md"> </div> </div> </fieldset> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary btn-sm agregar-articulo" data-dismiss="modal"><span class="glyphicon glyphicon-ok"></span> Continuar</button> <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button> </div> </div> </div> </div> <!--FIN MODALLLLLLLLLLLL-->