<div class="row row-extra-content row-extra-content-<?php echo $num; ?>">
	<div class="col-12">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<h3 class="m-0">
					<i class="fa-light fa-plus"></i> Conteúdo extra - #<?php echo $num; ?>
				</h3>
			</div>
		</div>
	</div>

	<div class="col-12">
		<div class="ibox float-e-margins">
			<div class="ibox-title d-flex justify-content-between pr-3">
				<h5>
					Formulário de cadastro #<?php echo $num; ?>
				</h5>

				<button type="button" onclick="delExtraContent('<?php echo $num; ?>');" class="badge badge-danger border-0 rounded-0 btn-del-extra-content">
					<i class="fa-light fa-trash"></i> Excluir
				</button>
			</div>
			
			<div class="ibox-content">
				<div class="row">
					<div class="col-12">
						<label for="titulo_extra[<?php echo $num; ?>]" class="form-label">
							Título #<?php echo $num; ?>:
						</label>

						<div class="input-group mb-3">
							<span class="input-group-text" id="titulo_extra[<?php echo $num; ?>]">
								<i class="fa-light fa-align-left"></i>
							</span>

							<input type="text" class="form-control" aria-label="titulo_extra[<?php echo $num; ?>]" aria-describedby="titulo_extra[<?php echo $num; ?>]" data-rule-required="true" data-msg-required="Campo obrigatório." id="titulo_extra[<?php echo $num; ?>]" name="titulo_extra[<?php echo $num; ?>]" value="">
						</div>
					</div>

					<div class="col-12">
						<label for="descricao_extra[<?php echo $num; ?>]" class="form-label">
							Descrição #<?php echo $num; ?>:
						</label>

						<div class="input-group mb-3">
							<span class="input-group-text" id="descricao_extra[<?php echo $num; ?>]">
								<i class="fa-light fa-align-left"></i>
							</span>

							<textarea class="form-control" cols="80" rows="10" data-rule-required="true" data-msg-required="Campo obrigatório." id="descricao_extra[<?php echo $num; ?>]" name="descricao_extra[<?php echo $num; ?>]"></textarea>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="col-12">
		<div class="ibox float-e-margins">
			<div class="ibox-title d-flex justify-content-between pr-3">
				<h5>
					Imagens #<?php echo $num; ?>
				</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 #<?php echo $num; ?>:
						</label>

						<br/>

						<label class="mb-3">
							<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: Largura <b>500px</b> e altura <b>500px</b>
						</label>


						<a href="#" data-gallery="gallery-logos" data-title="<?php if(isset($cad_blog->titulo) and $cad_blog->titulo) { echo $cad_blog->titulo; } ?>">
							<center class="center-img">
								<img class="img-responsive" src=""/>
							</center>
						</a>										
					</div>

					<div class="col-6">
						<label class="mb-2">
							<i class="fa-light fa-image"></i> Preview #<?php echo $num; ?>:
						</label>

						<br/>

						<label class="mb-3">
							<i class="fa-light fa-arrows-maximize"></i> Dimensão recomenda: Largura <b>500px</b> e altura <b>500px</b>
						</label>

						<center class="center-preview-img">
							<div class="image-preview" id="imagem-<?php echo $num; ?>-preview"></div>
						</center>

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