<?php 
echo form_open_multipart($MyMod . "/atualizando-cadastro/" . $id, array ('class' => 'form validate', 'id' => 'form_principal')); 

/*
* Dimensòes
*/

$imagemLargura 				= "?";
$imagemAltura 				= "?";

$imagemMobileLargura 	= "?";
$imagemMobileAltura 	= "?";
?>

<div class="wrapper wrapper-content animated fadeInUp">
	<?php echo view('Views\view_header'); ?>

	<?php if(isset($cadastro->data_cadastro) AND !empty($cadastro->data_cadastro)) { ?>
		<div class="row">
			<div class="col-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<i class="fa-light fa-calendar mr-1"></i> Este conteúdo foi criado em <b><?php echo date("d-m-Y H:i:s", strtotime($cadastro->data_cadastro)); ?> </b>
						
						<?php if(isset($cadastro->data_alteracao) AND !empty($cadastro->data_alteracao)) { ?>
							e alterado em <b><?php echo date("d-m-Y H:i:s", strtotime($cadastro->data_alteracao)); ?></b>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
	<?php } ?>

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						LGPD: Termos e Condições de Uso / Política de Privacidade de Dados 
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-12">
							<label for="termo_titulo" class="form-label">
								Título:
							</label>

							<div class="input-group mb-3">
								<span class="input-group-text" id="termo_titulo">
									<i class="fa-light fa-align-left"></i>
								</span>

								<input type="text" class="form-control" aria-label="termo_titulo" aria-describedby="termo_titulo" required data-msg-required="Campo obrigatório" id="termo_titulo" name="termo_titulo" value="<?php if(isset($cadastro->termo_titulo)) { echo $cadastro->termo_titulo; } ?>">
							</div>
						</div>
						
						<div class="col-12">
							<label for="termo_descricao" class="form-label">
								Descrição do Termo:
							</label>

							<div class="input-group mb-0">
								<span class="input-group-text" id="termo_descricao">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea class="form-control tinymce" cols="80" rows="15" id="termo_descricao" name="termo_descricao"><?php if(isset($cadastro->termo_descricao)) { echo $cadastro->termo_descricao; } ?></textarea>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 
	---- Página Inicial
	--->

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						Texto da página inicial
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-12">
							<label for="titulo" class="form-label">
								Título:
							</label>

							<div class="input-group mb-3">
								<span class="input-group-text" id="titulo">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea type="text" class="form-control tinymce" aria-label="titulo" aria-describedby="titulo" cols="80" rows="3" required data-msg-required="Campo obrigatório" id="titulo" name="titulo"><?php if(isset($cadastro->titulo)) { echo $cadastro->titulo; } ?></textarea>
							</div>
						</div>

						<div class="col-12">
							<label for="subtitulo" class="form-label">
								Subtítulo:
							</label>

							<div class="input-group mb-3">
								<span class="input-group-text" id="subtitulo">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea type="text" class="form-control tinymce" aria-label="subtitulo" aria-describedby="subtitulo" cols="80" rows="3" required data-msg-required="Campo obrigatório" id="subtitulo" name="subtitulo"><?php if(isset($cadastro->subtitulo)) { echo $cadastro->subtitulo; } ?></textarea>
							</div>
						</div>


						<div class="col-12">
							<label for="descricao" class="form-label">
								Descrição:
							</label>

							<div class="input-group mb-0">
								<span class="input-group-text" id="descricao">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea type="text" class="form-control tinymce" aria-label="descricao" aria-describedby="descricao" cols="80" rows="5" required data-msg-required="Campo obrigatório" id="descricao" name="descricao"><?php if(isset($cadastro->descricao)) { echo $cadastro->descricao; } ?></textarea>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title d-none">
					<h5>
						Imagem da página inicial (desktop)
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-6 border-end">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Imagem da página inicial (desktop):
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemLargura; ?></b> e altura <b><?php echo $imagemAltura; ?></b></span>
							</label>

							<?php if(isset($cadastro->imagem) and $cadastro->imagem) { ?>
								<a href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->imagem; ?>" data-gallery="gallery-logos" data-title="<?php if(isset($cadastro->titulo) and $cadastro->titulo) { echo $cadastro->titulo; } ?>">
									<center class="center-img">
										<img class="img-responsive" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->imagem; ?>"/>
									</center>
								</a>										
							<?php } ?>
						</div>

						<div class="col-6">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Preview:
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemLargura; ?></b> e altura <b><?php echo $imagemAltura; ?></b></span>
							</label>

							<center class="center-preview-img">
								<div class="image-preview" id="image-preview"></div>
							</center>

							<label title="Selecione a imagem." for="imagem" class="btn btn-primary w-100 mt-3">
								<input type="file" accept="image/*" name="imagem" id="imagem" data-holder="image-preview" class="d-none btn-imagem-preview">
								<i class="fa-light fa-image"></i> Selecionar imagem
							</label>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title d-none">
					<h5>
						Imagem da página inicial (mobile)
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-6 border-end">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Imagem da página inicial (mobile):
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-mobile"> Largura <b><?php echo $imagemMobileLargura; ?></b> e altura <b><?php echo $imagemMobileAltura; ?></b></span>
							</label>

							<?php if(isset($cadastro->imagem_mobile) and $cadastro->imagem_mobile) { ?>
								<a href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->imagem_mobile; ?>" data-gallery="gallery-logos" data-title="<?php if(isset($cadastro->titulo) and $cadastro->titulo) { echo $cadastro->titulo; } ?>">
									<center class="center-img">
										<img class="img-responsive" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->imagem_mobile; ?>"/>
									</center>
								</a>										
							<?php } ?>
						</div>

						<div class="col-6">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Preview:
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemMobileLargura; ?></b> e altura <b><?php echo $imagemMobileAltura; ?></b></span>
							</label>

							<center class="center-preview-img">
								<div class="image-preview" id="image-mobile-preview"></div>
							</center>

							<label title="Selecione a imagem." for="imagem_mobile" class="btn btn-primary w-100 mt-3">
								<input type="file" accept="image/*" name="imagem_mobile" id="imagem_mobile" data-holder="image-mobile-preview" class="d-none btn-imagem-preview">
								<i class="fa-light fa-image"></i> Selecionar imagem
							</label>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 
	---- Página Interna
	--->

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						Texto da página interna
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-12">
							<label for="interna_titulo" class="form-label">
								Título:
							</label>

							<div class="input-group mb-3">
								<span class="input-group-text" id="interna_titulo">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea type="text" class="form-control tinymce" aria-label="interna_titulo" aria-describedby="interna_titulo" cols="80" rows="3" required data-msg-required="Campo obrigatório" id="interna_titulo" name="interna_titulo"><?php if(isset($cadastro->interna_titulo)) { echo $cadastro->interna_titulo; } ?></textarea>
							</div>
						</div>

						<div class="col-12">
							<label for="interna_subtitulo" class="form-label">
								Subtítulo:
							</label>

							<div class="input-group mb-3">
								<span class="input-group-text" id="interna_subtitulo">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea type="text" class="form-control tinymce" aria-label="interna_subtitulo" aria-describedby="interna_subtitulo" cols="80" rows="3" required data-msg-required="Campo obrigatório" id="interna_subtitulo" name="interna_subtitulo"><?php if(isset($cadastro->interna_subtitulo)) { echo $cadastro->interna_subtitulo; } ?></textarea>
							</div>
						</div>

						<div class="col-12">
							<label for="interna_descricao" class="form-label">
								Descrição:
							</label>

							<div class="input-group mb-0">
								<span class="input-group-text" id="interna_descricao">
									<i class="fa-light fa-align-left"></i>
								</span>

								<textarea type="text" class="form-control tinymce" aria-label="interna_descricao" aria-describedby="interna_descricao" cols="80" rows="5" required data-msg-required="Campo obrigatório" id="interna_descricao" name="interna_descricao"><?php if(isset($cadastro->interna_descricao)) { echo $cadastro->interna_descricao; } ?></textarea>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title d-none">
					<h5>
						Imagem da página interna
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-6 border-end">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Imagem da página interna (desktop):
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemLargura; ?></b> e altura <b><?php echo $imagemAltura; ?></b></span>
							</label>

							<?php if(isset($cadastro->interna_imagem) and $cadastro->interna_imagem) { ?>
								<a href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->interna_imagem; ?>" data-gallery="gallery-logos" data-title="<?php if(isset($cadastro->titulo) and $cadastro->titulo) { echo $cadastro->titulo; } ?>">
									<center class="center-img">
										<img class="img-responsive" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->interna_imagem; ?>"/>
									</center>
								</a>										
							<?php } ?>
						</div>

						<div class="col-6">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Preview:
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemLargura; ?></b> e altura <b><?php echo $imagemAltura; ?></b></span>
							</label>

							<center class="center-preview-img">
								<div class="image-preview" id="image-int-01-preview"></div>
							</center>

							<label title="Selecione a imagem." for="interna_imagem" class="btn btn-primary w-100 mt-3">
								<input type="file" accept="image/*" name="interna_imagem" id="interna_imagem" data-holder="image-int-01-preview" class="d-none btn-imagem-preview">
								<i class="fa-light fa-image"></i> Selecionar imagem
							</label>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title d-none">
					<h5>
						Imagem da página interna
					</h5>
				</div>

				<div class="ibox-content">
					<div class="row">
						<div class="col-6 border-end">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Imagem da página interna (mobile):
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemLargura; ?></b> e altura <b><?php echo $imagemAltura; ?></b></span>
							</label>

							<?php if(isset($cadastro->interna_imagem_mobile) and $cadastro->interna_imagem_mobile) { ?>
								<a href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->interna_imagem_mobile; ?>" data-gallery="gallery-logos" data-title="<?php if(isset($cadastro->titulo) and $cadastro->titulo) { echo $cadastro->titulo; } ?>">
									<center class="center-img">
										<img class="img-responsive" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $cadastro->interna_imagem_mobile; ?>"/>
									</center>
								</a>										
							<?php } ?>
						</div>

						<div class="col-6">
							<label class="mb-2">
								<i class="fa-light fa-image"></i> Preview:
							</label>

							<br/>

							<label class="mb-3">
								<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: <span class="dimension-desktop"> Largura <b><?php echo $imagemLargura; ?></b> e altura <b><?php echo $imagemAltura; ?></b></span>
							</label>

							<center class="center-preview-img">
								<div class="image-preview" id="image-int-02-preview"></div>
							</center>

							<label title="Selecione a imagem." for="interna_imagem_mobile" class="btn btn-primary w-100 mt-3">
								<input type="file" accept="image/*" name="interna_imagem_mobile" id="interna_imagem_mobile" data-holder="image-int-02-preview" class="d-none btn-imagem-preview">
								<i class="fa-light fa-image"></i> Selecionar imagem
							</label>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 
	---- Galeria
	--->

	<?php if(isset($cadastro->id) AND !empty($cadastro->id)) { ?>
		<div class="row">
			<div class="col-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>
							Upload de imagens
						</h5>
					</div>

					<div class="ibox-content">
						<div class="formRow">
							<div class="mt-0">
								<input type="hidden" class="upCadastro" name="upCadastro"	 	value="<?php echo $cadastro->id; ?>">
								<input type="hidden" class="upModulo" 	name="upModulo"	 		value="cad_institucional_textos">
								<input type="hidden" class="upTabela" 	name="upTabela"	 		value="cad_institucional_textos">
								<input type="hidden" class="upPasta" 		name="upPasta"	 		value="upload_cad_institucional_textos_galeria">
								<input type="hidden" class="upSubPasta" name="upSubPasta"	 	value="">
								<input type="hidden" class="upIndex" 		name="upIndex"	 		value="galeria">

								<div id="uploaderGallery"></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>
							Galeria de imagens
						</h5>
					</div>

					<div class="ibox-content">
						<div class="lightBoxGallery clearfix">
							<div class="row">
								<?php if(isset($cadastro) AND !empty($cadastro->galeria)) { ?>

									<?php $galeria = unserialize($cadastro->galeria); ?>

									<?php foreach($galeria as $key => $valor) { ?>

										<?php  
										if(isset($valor['ordem']) AND !empty($valor['ordem'])) {
											$ord = $valor['ordem'];
										}
										else {
											$ord = 0;
										}
										?>

										<div class="col-3 mt-4">
											<div class="img-background img-background-<?php echo $key; ?> border w-100">
												<a class="link-galeria" href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos_galeria/' . $valor['imagem']; ?>" data-gallery="gallery-imgs">
													<img class="img-galeria" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos_galeria/' . $valor['imagem']; ?>">
												</a>

												<?php  
												$dataAttr = "";
												$dataAttr .= "data-key					= '" . $key . "' ";
												$dataAttr .= "data-upcadastro		= '" . $cadastro->id . "' ";
												$dataAttr .= "data-upmodulo			= 'cad_institucional_textos' ";
												$dataAttr .= "data-uptabela			= 'cad_institucional_textos' ";
												$dataAttr .= "data-uppasta			= 'upload_cad_institucional_textos_galeria' ";
												$dataAttr .= "data-upsubpasta		= 'item_" . $cadastro->id . "' ";
												$dataAttr .= "data-upindex			= 'galeria' ";
												$dataAttr .= "data-upimagem			= '" . $valor['imagem'] . "' ";
												?>

												<div class="input-group mt-2 mb-2">
													<label class="d-block w-100 text-start">Ordem: </label>
													<input type="text" class="form-control input-order-<?php echo $key; ?>" value="<?php echo $ord; ?>">
													<span class="input-group-append"> 
														<button type="button" class="btn btn-primary saveNewOrder saveNewOrder-<?php echo $key; ?>" <?php echo $dataAttr; ?>> 
															<i class="fa-light fa-save"></i>
														</button> 
													</span>
												</div>

												<div class="input-group mb-2">
													<label class="d-block w-100 text-start">Título: </label>
													<input type="text" class="form-control input-name-<?php echo $key; ?>" value="<?php echo $valor['titulo']; ?>">
													<span class="input-group-append"> 
														<button type="button" class="btn btn-primary saveImagemName saveImagemName-<?php echo $key; ?>"<?php echo $dataAttr; ?>> 
															<i class="fa-light fa-save"></i>
														</button> 
													</span>
												</div>

												<div class="input-group d-none">
													<label class="d-block w-100 text-start">Descrição: </label>
													<textarea type="text" class="form-control input-description-<?php echo $key; ?>" rows="5"><?php if(isset($valor['descricao']) AND !empty($valor['descricao'])) { echo $valor['descricao']; } ?></textarea>
													<span class="input-group-append"> 
														<button type="button" class="btn btn-primary saveImagemDescripiton saveImagemDescripiton-<?php echo $key; ?>"<?php echo $dataAttr; ?>> 
															<i class="fa-light fa-save"></i>
														</button> 
													</span>
												</div>

												<div class="actions">
													<a title="" href="#" class="deleteImagemGallery" <?php echo $dataAttr; ?>>
														<i class="fa-light fa-trash text-danger"></i>
													</a>
												</div>
											</div>
										</div>
									<?php } ?>

								<?php } ?>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div> 
	<?php } else { ?> 
		<div class="row d-none" style="margin-bottom: 25px;">
			<div class="col-12">
				<div class="alert alert-danger mb-0">
					<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Para ter acesso a <b>Galeria de Imagens,</b> salve os dados primeiro. 
				</div>
			</div>
		</div>
	<?php } ?>

	<?php echo view('Views\view_logs'); ?>
</div>

<?php echo view('Views\view_footer'); ?>
<?php echo form_close(); ?>