<?php

# Não apagar esse arquivo pra mód não dar bééééé!

@require_once("header.php");

nivel("tiny");

if(router(2) == "list"):
	$sql	= mysql_query("SELECT * FROM sys_tiny ORDER BY ID DESC");
	$result = mysql_num_rows($sql);

// Ativa o datatable apenas se o total for maior que 5 registros
	 ?>

<div class="container">
	
	<div class="row">
		<div class="col-md-6 text-left">
			<h1>CÓDIGOS TINY</h1>
		</div>
		<div class="col-md-6 text-right">
			<a href="view/tiny/form" class="btn btn-success btn-sm btns-mobile"><i class="fa fa-plus-circle"></i> CADASTRAR NOVO</a>
		</div>
	</div>
	<hr />
	
	<?php
	if($result > 0):
	?>
	<table id="tableList" class="table table-striped table-hover" cellspacing="0" width="100%">
		<thead>
			<tr>
				<th class="hidden-xs">Código</th>
				<th class="hidden-xs">Utilizado</th>
				<th class="hidden-xs">Total</th>
				<th class="text-right">Ação</th>
			</tr>
		</thead>
		
	   	<tbody>
	   		<?php
	   		while($ln = mysql_fetch_object($sql)):
	   		?>
			<tr id="tr<?php echo $ln->ID; ?>" <?php echo ($ln->utilizado == $ln->limite) ? 'class="warning"' : ''; ?>>
				<td><?php echo $ln->secretKey; ?></td>
				<td class="hidden-xs"><?php echo $ln->utilizado; ?></td>
				<td class="hidden-xs"><?php echo $ln->limite; ?></td>
				<td class="text-right">
					<a href="javascript:;" class="btn btn-danger btn-sm deletar" data-id="<?php echo $ln->ID; ?>"><i class="fa fa-trash"></i></a>
				</td>
			</tr>
			<?php
			endwhile;
			?>
		</tbody>
	</table>
	<?php
	else:
		echo '
			<br />
			<div class="alert text-center alert-info">
				Nenhum registro cadastrado para ser exibido.
			</div>
		';
	endif;
	?>
</div>

var enviando = 0;
		$(".deletar").click(function(){
			var ID = $(this).attr("data-id");

$("#tr"+ID).css("opacity", "0.5");

if(enviando == 0){ 
				enviando = 1;

$.post("model/tiny/delete", {ID : ID}, function(result){
					$("#tr"+ID).css({
						"background-color" : "#E74C3C",
						"color"            : "#ffffff",
					});
					$("#tr"+ID).fadeOut("fast");
					enviando = 0;
				});
			}

});

<? if($result > 10): ?>

$('#tableList').dataTable( {
				columnDefs: [{ type: 'chinese-string', targets: '_all' }]
			});

<?php endif; ?>
	});
</script>
<?php
	endif;
?>

<?php
	if(router(2) == "form"):
?>
<div class="container">
	
	<div class="row">
		<div class="col-md-6 text-left">
			<h1>Cadastrar novo</h1>
		</div>
		<div class="col-md-6 text-right">
			<a href="view/tiny/list" class="btn btn-success btn-sm"><i class="fa fa-chevron-left"></i> VOLTAR PARA LISTA</a>
		</div>
	</div>
	<hr />
	
	<div class="login">
		<form name="formTiny" class="formTiny" method="post" action="#">
			<div class="row">
				<div class="col-md-12">
					<div class="form-group input-secretKey">
						<input type="text" name="secretKey" class="form-control input-sm" placeholder="Código da API">
					</div>
				</div>
				<div class="col-md-12">
					<div class="form-group input-email">
						<input type="text" name="email" class="form-control input-sm" placeholder="E-mail utilizado na API">
					</div>
				</div>
				<div class="col-md-12">
					<div class="form-group input-limite">
						<input type="number" name="limite" class="form-control input-sm" placeholder="Limite máximo de utilização">
					</div>
				</div>
				<div class="col-md-12 result"></div>
			</div>
			<button type="button" class="btn btn-primary btn-sm btn-send"><span class="fa fa-floppy-o"></span> SALVAR</button>
		</form>
	</div>
</div>

function sendPost(formName, btnSend, btnText, url, icon)
			{
				var enviando = 0;
				$("."+formName+" ."+btnSend).attr("disabled", "true");
				$("."+formName+" ."+btnSend).html("Processando... <span class='fa fa-spinner fa-spin'></span>");

if(enviando == 0){ 
					enviando = 1;

$("."+formName).ajaxSubmit({
						url     : url+"/"+formName,
						type    : "POST",
						success : function(data){ 
							$("."+btnSend).html('<span class="'+icon+'"></span> '+btnText);
							$("."+formName+" ."+btnSend).removeAttr("disabled");
							$("."+formName+" .result").html(data);
							enviando = 0;
						}
					});
				}

return false;
			}

$(".btn-send").click(function(e){
				e.preventDefault();
				sendPost("formTiny",  "btn-send",  "SALVAR", "model/tiny/insert",  "fa fa-floppy-o");
			});

});
	</script>
<?php
	endif;
?>

<?php
	@require_once("footer.php");	
?>