<?php	
	@require_once("header.php");

define("PAGE_TITLE", "CATEGORIAS DE OFERTAS");
	define("TABLE_NAME", "site_ofertas_categorias");
	define("FILE_NAME", router(1));
	define("ORNDENAVEL", 1);

nivel("ofertas");

// Cria a pasta, caso não exista.
	// if(is_dir("../uploads/".FILE_NAME) == false)
	// {
	// 	mkdir("../uploads/".FILE_NAME, 0777);
	// }

$camposNaoDeletar = array("ID", "ordem");
	$configs = array(

array(
			"nomeCampo"   => "nome",
			"nomeExib"    => "Nome da categoria", 
			"require"     => true,
			"htmlType"    => "text",
			"htmlClass"   => "col-md-6",
			),

// array(
		// 	"nomeCampo"   => "subtitulo",
		// 	"nomeExib"    => "Subtítulo", 
		// 	"require"     => true,
		// 	"htmlType"    => "text",
		// 	"htmlClass"   => "col-md-6",
		// 	),

// array(
		// 	"nomeCampo"   => "data_pub",
		// 	"nomeExib"    => "Data da postagem", 
		// 	"require"     => true,
		// 	"htmlType"    => "date",
		// 	"htmlClass"   => "col-md-12",
		// 	"aditionalClass" => "datepicker"
		// 	),

// array(
		// 	"nomeCampo"   => "descricao",
		// 	"nomeExib"    => "Descrição postagem", 
		// 	"require"     => true,
		// 	"htmlType"    => "textarea",
		// 	"editor"      => true,
		// 	"htmlClass"   => "col-md-12",
		// 	),
		
		// array(
		// 	"nomeCampo"   => "foto", 
		// 	"nomeExib"    => "Foto de capa", 
		// 	"require"     => true, // true ou false
		// 	"htmlType"    => "file", // Textarea, Text ou File
		// 	"htmlClass"   => "col-md-3 col-lg-2",
		// 	"width"       => array(1000, 265, 480*2),
		// 	"height"      => array(0, 280, 430*2),
		// 	"corte"       => array("proporcional", "crop", "crop"), // proporcional, crop ou preenchimento
		// 	"prenome"     => array("", "mini_home_", "list_")
		// 	),

);

$galeria = array(
		"legenda"	=> 1,
		"ativo"      => false,
		"width"      => 1000,
		"height"     => 0,
		"corte"      => "proporcional", // proporcional, crop ou preenchimento
		"thumbs"     => true,
		"thumbsConf" => array(
			"thumb1" => array("corte" => "crop", "w" => 230, "h" => 170, "prenome" => 'mini')
		)
	);

?>

<style>
	.uploadFotos .imgPrev{
		width: 180px; 
		margin-bottom: 10px!important; 
		margin: 0 auto; 
		height: 150px; 
		background-position: center center; 
		background-repeat: no-repeat;
		background-color: #ECF0F1; 
		border: solid 2px #DCE4EC; 
		background-size: contain;
		position: relative;
	}
	.uploadFotos .imgPrev i{
		font-size: 40px;
		padding-top: 50px;
	}
	.uploadFotos .bootstrap-filestyle,
	.uploadFotos .group-span-filestyle 
	.uploadFotos .btn-primary{
		width: 100%!important;
		display: block!important;
	}
	.uploadFotos .btn-danger{
		display: none;
	}
</style>

<div class="container">

<div class="row">
		<div class="col-md-6 text-left">
			<h1><?php echo PAGE_TITLE; ?></h1>
		</div>
		<div class="col-md-6 text-right">
			<?php
			if(ORNDENAVEL == 1){
				if((router(2) == "list" or router(2) == "lista" or router(2) == "") and (router(3) == "")): ?>
				<a href="view/<?php echo FILE_NAME; ?>/list/order" class="btn btn-warning btn-sm btns-mobile"><i class="fa fa-sort"></i> ORDENAR</a>
				<?php endif; ?>

<?php if(router(3) == "order"): ?>
					<a href="view/<?php echo FILE_NAME; ?>/list" class="btn btn-warning btn-sm btns-mobile"><i class="fa fa-chevron-left"></i> Voltar para lista</a>
				<?php endif;
			} ?>

<?php if(router(2) == "list" or router(2) == "lista" or router(2) == ""): ?>
				<a href="view/<?php echo FILE_NAME; ?>/insert" class="btn btn-success btn-sm btns-mobile"><i class="fa fa-plus-circle"></i> CADASTRAR NOVO</a>
			<?php else: ?>
				<a href="view/<?php echo FILE_NAME; ?>/list" class="btn btn-success btn-sm btns-mobile"><i class="fa fa-chevron-left"></i> Voltar</a>
			<?php endif; ?>
		</div>
	</div>
	<br />

<?php 
	if(router(2) == "lista" or router(2) == "list" or router(2) == ""):

$sql	= mysql_query("SELECT * FROM ".TABLE_NAME." ORDER BY ordem ASC");
		$result = mysql_num_rows($sql);

if($result > 0): ?>
			<div class="result-ordem" style="position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 3;"></div>
			<div class="row">
				<div style="overflow: auto">
					<div class="col-xs-12">

<table id="tableList" class="table table-striped table-hover text-nowrap" cellspacing="0" width="100%">

<thead>
								<tr>
									
									<th>Nome</th>
									
									<th data-sortable="false" class="text-right">Ação</th>
								</tr>
							</thead>
							
							<tbody>
								<?php
								while($ln = mysql_fetch_object($sql)):
								?>
								<tr id="widgetArray_<?php echo $ln->ID; ?>" <?php //echo ($ln->status == "2") ? 'class="warning"' : ''; ?>>

<td><?php echo $ln->nome; ?></td>
									
									
									<td class="text-right">

<?php if(router(3) == ""): ?>
										<a href="view/<?php echo FILE_NAME; ?>/update/<?php echo $ln->ID; ?>" class="btn btn-primary btn-sm"><i class="fa fa-pencil-square-o"></i> Editar</a>
										<a href="javascript:;" class="btn btn-danger btn-sm deletar" data-id="<?php echo $ln->ID; ?>"><i class="fa fa-trash"></i></a>
										<?php endif; ?>

</td>
								</tr>
								<?php
								endwhile;
								?>
							</tbody>
						</table>
					</div>
				</div>
			</div>

<?php
		else:
			echo '
				<br />
				<div class="alert text-center alert-info">
					Nenhum registro cadastrado para ser exibido.
				</div>
			';
		endif;
		?>
	
		<script>
		$(document).ready(function(){

<?php if(router(3) == "order" AND ORNDENAVEL == 1){ ?>
				// ORDENAR
				$("#tableList tbody").sortable({
					opacity: 0.4,
					start: function(e, ui){
						// CLONE DE PLACEHLDER REMOVE AS TD E COLOCA COMO DISPLAY ROW
						ui.placeholder.html('<td colspan="100"></td>').css('display', 'table-row');

ui.placeholder.width(ui.item.outerWidth(true)-4);
						ui.placeholder.height(ui.item.outerHeight(true)-4);
					},
					cursor: 'move',
					update: function(){

var order =  $(this).sortable("serialize");
						$.post("model/<?php echo FILE_NAME; ?>/ordem-registros/<?php echo TABLE_NAME; ?>", order, function(retorno){
							$(".result-ordem").html('<div class="alert text-center alert-info alert-drop" style="margin-bottom: 0;">Ordem atualizada com sucesso.</div>');

$(".result-ordem").fadeTo(2000, 500).slideUp(500, function(){
								$(this).slideUp("fast");
							}); 
						});
					}
				}).disableSelection();
				$("#tableList tbody tr").css('cursor', 'ns-resize');
			<? } ?>

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

if(confirm == 1)
				{
					swal({
						title: 'Deletar mesmo?',
						html: '<label><input type="checkbox" id="checkNaoMostraMais"> Não mostrar mais</label>',
						showCancelButton: true,
						confirmButtonColor: '#95C679',
						cancelButtonColor: '#d33',
						confirmButtonText: 'Sim, deletar',
						cancelButtonText: 'Não',
						closeOnConfirm: true,
						closeOnCancel: true
					},

function(isConfirm)
					{
						if(isConfirm)
						{
							if($('#checkNaoMostraMais').is(":checked"))
							{
								confirm = 0;
							}

$("#widgetArray_"+ID).css({
								"background-color" : "#E74C3C",
								"color"            : "#ffffff",
								"opacity"          : "0.5"
							});
							$.post("model/<?php echo FILE_NAME; ?>/deletar", {ID : ID, tabela : '<?php echo TABLE_NAME; ?>'});
							$("#widgetArray_"+ID).fadeOut("fast");
						}
					});
					
				}
				else
				{
					$("#widgetArray_"+ID).css({
						"background-color" : "#E74C3C",
						"color"            : "#ffffff",
						"opacity"          : "0.5"
					});
					$.post("model/<?php echo FILE_NAME; ?>/deletar", {ID : ID, tabela : '<?php echo TABLE_NAME; ?>'});
					$("#widgetArray_"+ID).fadeOut("fast");
				}

});

<?php if($result > 10 and router(3) <> "order"): ?>
				$('#tableList').dataTable( {
					columnDefs: [{ type: 'chinese-string', targets: '_all' }],
					aaSorting: []
				});
			<?php endif; ?>
		});
		</script>
	<?php 
	endif; // List
	?>

<?php if(router(2) == "insert" or router(2) == "update"): ?>
		
		<script>
		$(document).ready(function(){

$('.colorPicker').colorpicker({
        		customClass: 'colorpicker-2x',
	        	sliders: {
	                saturation: {
	                    maxLeft: 200,
	                    maxTop: 200
	                },
	                hue: {
	                    maxTop: 200
	                },
	                alpha: {
	                    maxTop: 200
	                }
	            }
        	}).on('changeColor', function(e) {
        		//console.log(e.color.toHSL());
        		var color = e.color.toRGB();
	            $('.trocacor').css('background', 'rgba('+color.r+', '+color.g+', '+color.b+', '+color.a+')');
	        });

var enviando = 0;
			$(".formPages .btn-send").click(function(e){
				e.preventDefault();

var cont = 0;

// Validação dos campos
				$(".row-forms .col input, .row-forms .col textarea, .row-forms .col select").each(function(val) {
					var require = $(this).attr("data-require");
					var name    = $(this).attr("name-exib");
					var campo   = $(this).val();

if(require == 1 && campo == "")
					{
						$(this).focus();

swal({
							title : "Atenção!",
							html  : "O campo (<strong>"+name+"</strong>) deve ser preenchido.",
							type  : "warning",   
							confirmButtonColor : "#F8C086",   
							confirmButtonText  :  "Fechar",   
						}, 
						function(){ 
							swal.close;
						});

cont++;
						return false;
					}
				});

if(cont == 0)
				{
					var formName = "formPages";
					$("."+formName+" .btn-send").addClass("disabled");
					$("."+formName+" .btn-send").html("Processando... <span class='fa fa-spinner fa-spin'></span>");

if(enviando == 0)
					{
						enviando = 1;
						$("."+formName).ajaxSubmit({
							url     : "model/<?php echo FILE_NAME; ?>/form/<?php echo TABLE_NAME; ?>/<?php echo router(2); ?>?returnGaleria=<?php echo $galeria["ativo"]; ?>",
							type    : "POST",
							success : function(data){ 
								$("."+formName+" .result").html(data);
							},
							complete: function(){
								$(".btn-send").html('<span class="fa fa-floppy-o"></span> ENVIAR');
								$("."+formName+" .btn-send").removeClass("disabled");
								enviando = 0;
							}
						});
					}
				}
			});

// Editor
			$(".editor").froalaEditor({
				//enter: $.FroalaEditor.ENTER_BR,
				language: 'pt_br',
				heightMin: 300,
			});

// Ação para remover a foto
			$(".remove-foto").click(function(){
				
				$fotoID          = $(this).attr("data-foto-id");
				$elementsClass   = $(this).attr("data-foto-classe");
				$originalStyle   = $(this).attr("data-style");
				$originalImgName = $(this).attr("data-img-name");

$(".btnRemove"+$elementsClass).hide(0);
				$(".foto"+$elementsClass).val("");
				$(".inputimagem"+$elementsClass).show(0);
				$("."+$elementsClass+" .imgPrev").html("");
				$("."+$elementsClass+" .imgPrev").css("background-image", $originalStyle);

if($originalImgName != "")
				{
					$(".foto"+$elementsClass+"").val($originalImgName);
				}

if($originalStyle == "none")
				{
					$("."+$elementsClass+" .imgPrev").html('<i class="fa fa-file-image-o"></i>');
					$(".foto"+$elementsClass+"").val("");
				}
				else
				{
					$("."+$elementsClass+" .imgPrev").css("background-image", "none");
					$("."+$elementsClass+" .imgPrev").html('<i class="fa fa-file-image-o"></i>');
					$(".foto"+$elementsClass+"").val("");
				}

});
		});

function manipula(widthCrop, heightCrop, classe){
			var defineClass     = "inputimagem"+classe;
			var defineBtnRemove = "btnRemove"+classe;

var originalImgPrev = $("."+classe+" .imgPrev").clone();

$("."+classe+" .imgPrev").css("background-image", "none");
			$("."+classe+" .imgPrev").html("<div style='padding-top: 60px; text-align: center;'><span class='fa fa-spinner fa-spin'></span></div>");

var canvas = document.createElement("canvas");
			var img    = new Image;

img.onload = function() {

if(img.width < widthCrop)
				{

$("."+classe+" .imgPrev").replaceWith(originalImgPrev.clone());
					$("."+classe+" .imgPrev").replaceWith(originalImgPrev);
					$input = $("#"+defineClass);
					$input.replaceWith($input.val("").clone(true));

sweetAlert("Atenção!", "A foto deve ter no mínimo "+widthCrop+"px de largura.", "warning", "Fechar")
					return false;
				}
				else if(widthCrop == 0 &&  img.height < heightCrop)
				{

$("."+classe+" .imgPrev").replaceWith(originalImgPrev.clone());
					$("."+classe+" .imgPrev").replaceWith(originalImgPrev);
					$input = $("#"+defineClass);
					$input.replaceWith($input.val("").clone(true));

sweetAlert("Atenção!", "A foto deve ter no mínimo "+heightCrop+"px de altura.", "warning", "Fechar")
					return false;
				}
				else
				{

// var ratio     = img.width/widthCrop;
					// 	var width     = img.width/ratio;
					// 	var height    = img.height/ratio;
					// 	canvas.width  = width; 
					// 	canvas.height = height;
					// 	canvas.getContext("2d").drawImage(img, 0, 0, width, height);
					// 	if(document.getElementById(defineClass).files[0].type == 'image/png')
					// 	{ 
					// 		var image_base64 = canvas.toDataURL("image/png"); 
					// 	}
					// 	else
					// 	{ 
					// 		var image_base64 = canvas.toDataURL("image/jpeg"); 
					// 	}

// 	$("."+classe+" .imgPrev").html("");
					// 	$("."+classe+" .imgPrev").css("background-image", "url("+image_base64+")");
					// 	$(".foto"+classe+"").val(image_base64);
						
					// 	// Limpa o input file para não enviar no POST
					// 	$input = $("#"+defineClass);
					// 	$input.replaceWith($input.val("").clone(true));

// 	// Remove o input file e mostra o btn de remover
					// 	$("."+defineClass).hide(0);
					// 	$("."+defineBtnRemove).show(0);

$("."+classe+" .imgPrev").html("");
					$("."+classe+" .imgPrev").css("background-image", "url("+img.src+")");
					$(".foto"+classe+"").val(img.src);
					
					// Limpa o input file para não enviar no POST
					$input = $("#"+defineClass);
					$input.replaceWith($input.val("").clone(true));

// Remove o input file e mostra o btn de remover
					$("."+defineClass).hide(0);
					$("."+defineBtnRemove).show(0);
				}
			}

var file = document.getElementById(defineClass).files[0];
			var fr = new FileReader();
			fr.readAsDataURL(file);
			
			fr.onload = function() { img.src = fr.result; };
		
		}
		</script>
		
		<style>
		.nav-tabs li a{
			font-size: 18px!important;
			color: #FF6D06;
			background-color: #eee;
			text-transform: uppercase;
			font-weight: 300;
			font-family: "Open Sans"!important;
		}
		</style>

<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="<?php echo (@$_GET["active"] == false) ? 'active' : ''; ?>"><a href="#dados" aria-controls="dados" role="tab" data-toggle="tab">Editar dados</a></li>

<?php if(router(2) == "update" and $galeria["ativo"] == true): ?>
			<li role="presentation" class="<?php echo (@$_GET["active"] == "fotos") ? 'active' : ''; ?>"><a href="#galeria" aria-controls="galeria" role="tab" data-toggle="tab">Galeria de fotos</a></li>
			<?php endif; ?>
		</ul>

<div class="tab-content">
			<div role="tabpanel" class="tab-pane fade <?php echo (@$_GET["active"] == false) ? 'in active' : ''; ?>" id="dados" style="padding: 20px;">
				
				<form name="formPages" class="formPages" method="post" action="#">
					<div class="row row-forms">
						<?php

/* Vefirica se a tabela existe. Se não existir, cria. */
						$verificaTabela = mysql_num_rows(mysql_query("SHOW TABLES LIKE '".TABLE_NAME."'"));

if($verificaTabela == 0)
						{
							mysql_query("CREATE TABLE ".TABLE_NAME." ( `ID` INT(11) NOT NULL AUTO_INCREMENT , PRIMARY KEY (`ID`)) ENGINE = InnoDB;") or die(mysql_error());
							header("Location: ".CP."/view/".FILE_NAME."/insert");
							exit;
						}
						/* Vefirica se a tabela existe. Se não existir, cria. */

// Verifica se existe os campos contidos no array. Caso não exista, adiciona.
						foreach($configs as $fields)
						{

// Busca o campo no mysql
							$resultFields = mysql_query("SHOW COLUMNS FROM ".TABLE_NAME." WHERE Field = '".$fields["nomeCampo"]."'");

// Se o campo não existir, adiciona
							if(mysql_result($resultFields, 0) == false)
							{
								if($fields["htmlType"] == "textarea")
								{
									$tipo = "text";
								}
								elseif($fields["htmlType"] == "date")
								{
									$tipo = "date";
								}
								else
								{
									$tipo = "varchar(255)";
								}

mysql_query("ALTER TABLE ".TABLE_NAME." ADD COLUMN ".$fields["nomeCampo"]." $tipo");

header("Location: ".CP."/view/".str_replace("site_", "", router(1))."/".((router(2)) ? router(2) : '')."/".((router(3)) ? router(3) : ''));
							}
						}

// Compara os campos do mysql com os do array, caso seja diferente, deleta do mysql.
						$fildsDaConfig = $camposNaoDeletar;
						foreach($configs as $c){
							$fildsDaConfig[] = $c["nomeCampo"];
						}

// Captura o campo no mysql
						$resultFields = mysql_query("SHOW COLUMNS FROM ".TABLE_NAME);

if(mysql_result($resultFields, 0) == true)
						{
							while($fieldBanco = mysql_fetch_assoc($resultFields)){
								if(!in_array($fieldBanco["Field"], $fildsDaConfig)){
									array_map('unlink', glob("../uploads/".str_replace("site_", "", router(1))."/".$fieldBanco["Field"]."*"));
									mysql_query("ALTER TABLE ".TABLE_NAME." DROP COLUMN ".$fieldBanco["Field"]);
								}
							}	
						}

$lnDados = mysql_fetch_object(mysql_query("SELECT * FROM ".TABLE_NAME." WHERE ID = '".router(3)."'"));
						echo ($lnDados->ID) ? '<input type="hidden" name="ID" value="'.$lnDados->ID.'">' : '';

foreach($configs as $campos)
						{
							
							$pasta   = str_replace("site_", "", TABLE_NAME);

if($campos["htmlType"] == "date" and $lnDados->ID == ''){
								@$lnDados->$campos["nomeCampo"] = date('Y-m-d');
							}

if($campos["htmlType"] == "text"  or $campos["htmlType"] == "date") 
							{
								echo '
									<div style="margin-bottom: 15px;" class="'.$campos["htmlClass"].' col">
										<div>'.($campos["require"] ? '<b style="color: red;">*</b>' : '').' '.$campos["nomeExib"].'</div>

'.(($campos["addonLeft"] == true or $campos["addonRight"] == true) ? '<div class="input-group colorPicker">' : '').'

'.(($campos["addonLeft"] == true) ? '<div class="input-group-addon addon-left">'.$campos["addonLeft"].'</div>' : '').'

<input '.@$campos["aditionalTag"].' placeholder="'.@$campos["placeholder"].'" maxlength="'.@$campos["maxCaracter"].'" data-require="'.$campos["require"].'" name-exib="'.$campos["nomeExib"].'" name-require="'.$campos["require"].'" type="text" class="form-control '.@$campos["aditionalClass"].'" name="'.$campos["nomeCampo"].'" value="'.(($campos["htmlType"] == "date" and $lnDados->$campos["nomeCampo"] == true and $lnDados->$campos["nomeCampo"] <> "0000-00-00") ? date("d/m/Y", strtotime($lnDados->$campos["nomeCampo"])) : $lnDados->$campos["nomeCampo"]).'" />
											'.(($campos["addonRight"] == true) ? '<div class="input-group-addon addon-right">'.$campos["addonRight"].'</div>' : '').'
										
										'.(($campos["addonLeft"] == true or $campos["addonRight"] == true) ? '</div>' : '');

if($campos['nomeCampo'] == 'cor'){
											$trocacor = $lnDados->$campos["nomeCampo"]; ?>
										<div class="trocacor" style="width:100%; height:168px; background: <?= $trocacor ?>"></div>
									<? }

echo '</div>
								';
							}
							elseif($campos["htmlType"] == "textarea")
							{
								echo '
									<div style="margin-bottom: 15px;" class="'.$campos["htmlClass"].' col">
										<div>'.($campos["require"] ? '<b style="color: red;">*</b>' : '').' '.$campos["nomeExib"].'</div>
										<textarea maxlength="'.@$campos["maxCaracter"].'" data-require="'.$campos["require"].'" name-exib="'.$campos["nomeExib"].'" class="form-control '.((@$campos["editor"] == true) ? 'editor' : '').'" name="'.$campos["nomeCampo"].'">'.$lnDados->$campos["nomeCampo"].'

'; } elseif($campos["htmlType"] == "select") { echo '

'.($campos["require"] ? '*' : '').' '.$campos["nomeExib"].'

'; } elseif($campos["htmlType"] == "file") { $classe = $campos["nomeCampo"]; $dadosFoto["width"] = $campos["width"]; $dadosFoto["height"] = $campos["height"]; $dadosFoto["corte"] = $campos["corte"]; $dadosFoto["require"] = $campos["require"]; $dadosFoto["nomeExib"] = $campos["nomeExib"]; $dadosFoto["prenome"] = $campos["nomeCampo"]; $dadosFoto["nomeFoto"] = $campos["prenome"]; echo '

'.($campos["require"] ? '*' : '').' '.$campos["nomeExib"].'

' .(($campos["width"][0] == 0 and $campos["height"][0] == 0) ? '(tamanho livre)' : '') .(($campos["width"][0] > 0 and $campos["height"][0] > 0) ? '('.$campos["width"][0].'x'.$campos["height"][0].'px)' : '') .(($campos["width"][0] > 0 and $campos["height"][0] == 0) ? '('.$campos["width"][0].'px de largura)' : '' ) .(($campos["width"][0] == 0 and $campos["height"][0] > 0) ? '('.$campos["height"][0].'px de altura)' : '' ) .'

$campos["nomeCampo"] ? 'style="position:relative; background-image: url(../uploads/'.$pasta.'/'.$lnDados->$campos["nomeCampo"].');"' : '').'>'; if($campos["nomeCampo"] == 'foto'){ /*?>

$campos["nomeCampo"] ? '' : '').'

$campos["nomeCampo"] ? 'style="display: none;"' : '').'>

$campos["nomeCampo"] ? 'style="display: inline-block;"' : '').' class="btn btn-danger btn-sm remove-foto btnRemove'.$classe.'" data-img-name="'.$lnDados->$campos["nomeCampo"].'" data-style="'.($lnDados->$campos["nomeCampo"] ? 'url(../uploads/'.$pasta.'/'.$lnDados->$campos["nomeCampo"].')' : 'none').'" data-foto-classe="'.$classe.'" data-foto-id="'.$lnDados->ID.'" href="javascript:;">Remover

'; } echo (@$campos["separador"] == true) ? separador(@$campos["separador"]) : ''; } ?>

" id="galeria" style="padding: 20px;">

ENVIAR FOTOS - LARGURA: px

FOTOS ENVIADAS

1): ?>

Arraste para alterar a ordem das fotos

Buscando fotos...