<?php 
require_once ("includes/topo.php"); 

$pagina_id = $_GET["id"];
$query = $pdo->query("SELECT * FROM paginas WHERE id = $pagina_id");
$pagina_p_visu = $query->fetchAll(PDO::FETCH_ASSOC);
$total_reg = @count($pagina_p_visu);
 ?>
 <script src="tinymce/tinymce.min.js"></script>
 <script>
    tinymce.init({
      selector: 'textarea',
      plugins: 'autolink lists link image charmap print preview',
      toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | link image'
    });
  </script>

<div class="content-body">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-12">
                <div class="row">
                    <div class="col-xl-9 col-lg-8">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Atualizar página</h4>
                                
                            </div>
                            <div class="card-body">
                                <div class="basic-form">
                                    <form action="includes/class_add_pagina.php?paginas=3&id=<?php echo $pagina_p_visu[0]['id'] ?>" method="post" enctype="multipart/form-data">

                                        <div class="mb-3 row">
                                            <label class="col-sm-3 col-form-label">Título</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="titulo" class="form-control" value="<?php echo $pagina_p_visu[0]['titulo'] ?>">
                                                
                                            </div>
                                        </div>
                                        <div class="mb-3 row">
                                            <label class="col-sm-3 col-form-label">Tag1</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="tag1" class="form-control" value="<?php echo $pagina_p_visu[0]['tag1'] ?>">
                                                
                                            </div>
                                        </div>
                                        <div class="mb-3 row">
                                            <label class="col-sm-3 col-form-label">Vídeo Youtube</label>
                                            <div class="col-sm-9">
                                                <input type="text" name="video" class="form-control" value="<?php echo $pagina_p_visu[0]['video'] ?>">
                                                
                                            </div>
                                        </div>
                                        <div class="mb-3 row">
                                            <label class="col-sm-3 col-form-label">Descrição</label>
                                            <div class="col-sm-9">
                                            <textarea name="descricao" class="form-control" value=""><?php echo $pagina_p_visu[0]['descricao'] ?></textarea>
                                            </div>
                                        </div>

                                        <div class="mb-3 row">
                                            <div class="col-sm-10">
                                                <button type="submit" class="btn btn-primary">Atualizar página</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
					</div>
                    <div class="col-xl-3 col-lg-4">
						<div class="clearfix">
							<div class="card card-bx profile-card author-profile m-b30">
								<div class="card-body">
									<div class="p-5">
										<div class="author-profile">
                                            <div>
												<h4 class="title">Imagem capa:</h4>
											</div>
											<div class="col-md-12">
												<img src="images/gerais/<?php echo $pagina_p_visu[0]['imagem_capa'] ?>" width="100%" alt="">   
											</div>
                                            <hr>
                                            <form  action="includes/class_add_pagina.php?paginas=2&id=<?php echo $pagina_p_visu[0]['id'] ?>" method="post" enctype="multipart/form-data">

                                                <input class="form-control" name="imagem_capa" type="file" id="formFile" Required>
                                                <input type="submit" class="btn btn-outline-primary btn-xs alinhatopbotao" value="Atualizar imagem">
                                            </form>

										</div>
									</div>
								</div>
							</div>

                            <div class="card card-bx profile-card author-profile m-b30">
								<div class="card-body">
									<div class="p-5">
										<div class="author-profile">

                                                <button type="button" id="executar-codigo-btn" onclick="executarCodigo()" class="btn btn-danger">Deletar página <span class="btn-icon-end"><i class="fa fa-close"></i></span> </button>
                                                <?php 
                                                    $pegaid = "includes/class_add_pagina.php?paginas=4&id=" . $pagina_id . "";
                                                    
                                                ?>



                                                <script>
                                                    var pegou = "<?php echo $pegaid ?>";
                                                   
                                                    
                                                    function executarCodigo() {
                                                        
                                                        Swal.fire({
                                                            icon: 'warning',
                                                            title: 'Realmente deseja apagar esta página?',
                                                            text: 'Este processo é irreversível!',
                                                            showCancelButton: true,
                                                            confirmButtonColor: '#3085d6',
                                                            cancelButtonColor: '#d33',
                                                            confirmButtonText: 'Sim apagar'
                                                        }).then((result) => {
                                                            if (result.value) {
                                                                window.location = pegou;
                                                            }
                                                        })
                                                    }
                                                </script>
                                            
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>


                    <div class="col-xl-12 col-lg-12">
						<div class="clearfix">
							<div class="card card-bx profile-card author-profile m-b30">
								<div class="card-body">
									<div class="p-5">
										<div class="author-profile">
                                            
                                            <div align="left">
                                                <h4 class="title">Envie outras imagens para esta página:</h4>
                                                <div class="alert alert-warning alert-dismissible fade show">
                                                    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
                                                    <strong>Atenção!</strong> Para uma melhor expriência em navegação envie imagens com o peso menor que 300kb.<br> Caso ainda tenha alguma dúvida fale com o atendimento da <strong><?php foreach ($data as $item) { echo $item['nome']; } ?></strong>!
                                                    
                                                </div>
                                                <form action="includes/class_add_pagina.php?paginas=5&id=<?php echo $pagina_id ?>" method="POST" enctype="multipart/form-data">
                                                    <input class="form-control"  type="file" name="imagens[]" id="formFile" multiple>
                                                    <input type="submit" class="btn btn-success alinhatopbotao" value="Enviar imagens">
                                                </form>
                                            </div>
                                            <hr>
                                            <div class="row">
                                            <h4 class="title">Imagens da página:</h4>
                                               

                                            </div>



                                            <form method="post" action="includes/class_add_pagina.php?paginas=6&id=<?php echo $pagina_id ?>">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-check custom-checkbox checkbox-danger check-lg" style="text-align: left; margin-bottom:30px">
                                                        <input type="checkbox" class="form-check-input" id="marcar-todos"><span style="margin-left:10px;">Selecionar todos</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                            <?php
                                                //conecte-se ao banco de dados e selecione as imagens a serem exibidas
                                                //por exemplo, usando o MySQLi:
                                               // $conn = mysqli_connect("localhost", "root", "firewall123", "cms_pixel");
                                                $result = mysqli_query($conn, "SELECT * FROM imagens_pagina WHERE pagina = $pagina_id");
                                                
                                                //exiba as imagens e suas caixas de seleção
                                                while ($row = mysqli_fetch_assoc($result)) {
                                                    echo '<div class="col-md-2"><img src="img_nav.php?url=images/gerais/' . $row['nome_arquivo'] . '&w=100&h=100" width="100%"><div class="form-check custom-checkbox mb-3 checkbox-danger"><input type="checkbox" class="form-check-input" id="customCheckBox5" name="imagens_pagina[]" value="' . $row['id'] . '"></div></div>';
                                                }
                                                
                                                //feche a conexão com o banco de dados
                                                mysqli_close($conn);
                                            ?>
                                            <hr>
                                            <button type="submit" name="submit" class="btn btn-danger col-md-3">Deletar imagens selecionadas <span class="btn-icon-end"><i class="fa fa-close"></i></span> </button>
                                            
                                            <div>
                                        </form>
                                             


										</div>
									</div>
								</div>
							</div>

                            

						</div>
					</div>





                </div>
            </div>
        </div>
    </div>
</div>

<?php require_once ("includes/rodape.php");  ?>

<script>
const checkboxMarcarTodos = document.querySelector('#marcar-todos');
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

checkboxMarcarTodos.addEventListener('change', () => {
  for (let i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = checkboxMarcarTodos.checked;
  }
});

</script>

<?php if(!empty($_GET['imagem']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Sucesso',
			text: ("Imagem de capa atualizada!"),
			type: 'success',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>

<?php if(!empty($_GET['atualizado']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Sucesso',
			text: ("Página atualizada!"),
			type: 'success',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>

<?php if(!empty($_GET['imgapagada']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Sucesso',
			text: ("Imagens selecionadas apagadas!"),
			type: 'success',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>

<?php if(!empty($_GET['imagens']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Sucesso',
			text: ("Imagens enviadas!"),
			type: 'success',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>

<?php if(!empty($_GET['erro']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Ops!',
			text: ("Ocorreu um erro ao enviar as imagens!"),
			type: 'error',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>

<?php if(!empty($_GET['extensao']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Ops!',
			text: ("Arquivo não selecionado ou essa extensão não é permitida!"),
			type: 'error',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>

<?php if(!empty($_GET['imgnao']) == "ok" ) { ?>           		
<script>
	window.onload = function() {
		swal({
			title: 'Ops!',
			text: ("Nenhuma imagem selecionada para exclusão!"),
			type: 'info',
			confirmButtonText: 'Fechar'
		})
	};
</script>
<?php } ?>