{include="header"}
<script type="text/javascript">  
	$(document).ready(function() {    
		if(window.location.hash.substring(1) == 'nuevo') {      
			$("#modal_nuevo_popup").modal('show');      
			document.f_nuevo_popup.surl.focus();    
		}else{      
			document.f_custom_search.query.focus();    
		}
    $("#b_nuevo_popup").click(function(event) {      
    event.preventDefault();      
$("#modal_nuevo_popup").modal('show');      
document.f_nuevo_popup.surl.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_popup" 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-external-link" aria-hidden="true"></i>POP-UP para TPV      
		</h2>    
	</div>  
</div>
</div>
<div id="tab_popup" role="tabpanel">  
	<ul class="nav nav-tabs">   
		<li role="presentation" class="active">     
			<a href="#">       
				<span class="fa fa-external-link"></span>       
				<span class="hidden-xs">&nbsp;Configurar</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">      
  		<!----------->
  		<div class="table-responsive">        
  			<table class="table table-hover">          
  				<thead>            
  					<tr>              
  						<th>Código</th>              
  						<th>URL a Mostrar</th>            
  					</tr>          
  				</thead>          
  				{loop="$fsc->resultados"}          
  				<tr>            
  					<td>{$value->idpopup}</td>            
  					<td>              
  						<a href="{$value->url()}">{$value->url}</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_popup" action="{$fsc->url()}" method="post">  <div class="modal" id="modal_nuevo_popup">    
	<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; Nuevo POP-UP          
				</h4>        
			</div>        
			<div class="modal-body">          
				<div class="form-group">            
					<label for="surl" class="col-sm-2 control-label">URL a Mostrar</label>            <div class="col-sm-10">              
						<textarea name="surl" 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"}