<?php $__env->startSection('content'); ?>
<div class="content-wrapper criar-teca">
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h1>
			<?php echo (isset($noticia)) ? 'Editar' : 'Criar'; ?>
			<small>Informações Noticia</small>
		</h1>
		<ol class="breadcrumb">
			<li><a href="<?php echo e(url('/admin')); ?>"><i class="fa fa-dashboard"></i> Dashboard</a></li>
			<li><a href="<?php echo e(url('/admin/noticia')); ?>">Noticia</a></li>
			<li class="active"><?php echo (isset($noticia)) ? 'Editar' : 'Criar'; ?></li>
		</ol>
	</section>

	<section class="content v2">
		<div class="box">
			<div class="titulo-post-teca">
				<input type="text" class="nome-post" placeholder="Digite aqui o título do post" value="<?php echo isset($noticia) ? $noticia->nome : ''?>">
				<input type="hidden" id="noticia_id" name="noticia_id" value="<?php echo isset($noticia) ? $noticia->id : ''?>">
				<textarea name="editor1" id="editor">
					<?php if(isset($noticia) && !empty($noticia->descricao)): ?>
						<?php echo $noticia->descricao; ?>
					<?php else: ?>
						Aqui deve ficar o <strong>conteúdo</strong> do seu post na Vinumteca =)
					<?php endif; ?>
				</textarea>
			</div>
		</div>

		<div class="new-cat">
			<div class="box">
				<img src="img/site/close-medidas.png" class="close-newcat" alt="Fechar">

				<div class="box-header with-border">
					<h3 class="box-title">Adicionar categoria</h3>
				</div>
				<div class="select-form">
					<input type="text" name="newcat-name" required>
					<label>Nome da categoria</label>
				</div>
				<button class="new-btn">Adicionar</button>
			</div>
		</div>
		<div class="new-cat-mask"></div>

		<div class="lateral-teca">
			<div class="bloco">
				<div class="topo">
					<h3>Sobre o post</h3>
					<img src="img/chevron-teca.png" alt="Esconder/Exibir">
				</div>
				<div class="cont">
					<div class="select-form">
						<select name="data">
							<option value="agora" <?php echo ($publicado == 'agora' ? 'selected="selected"' : '');?>>Agora</option>
							<option value="rascunho" <?php echo ($publicado == 'rascunho' ? 'selected="selected"' : '');?>>Rascunho</option>
							<option value="agendar" <?php echo ($publicado == 'agendar' ? 'selected="selected"' : '');?>>Agendar</option>
						</select>
						<label>Postar</label>
					</div>
					<div class="select-form">
						<select name="visibilidade">
							<option value="publico" <?php echo (isset($noticia) && $noticia->visibilidade == 'publico' ? 'selected="selected"' : '');?>>Público</option>
							<option value="privado" <?php echo (isset($noticia) && $noticia->visibilidade == 'privado' ? 'selected="selected"' : '');?>>Privado</option>
						</select>
						<label>Visibilidade</label>
					</div>
					<div class="select-form <?php echo e($publicado); ?>">
						<input type="text" name="dia" required value="<?php echo isset($noticia) && !empty($noticia->data_agendamento) ? date('d/m/Y', strtotime($noticia->data_agendamento)) : ''?>">
						<label>Dia</label>
					</div>
					<div class="select-form <?php echo e($publicado); ?>">
						<input type="text" name="hora" required value="<?php echo isset($noticia) && !empty($noticia->data_agendamento) ? date('H:i', strtotime($noticia->data_agendamento)) : ''?>">
						<label>Hora</label>
					</div>
					<div class="select-form">
						<select name="destaque">
							<option value="1" <?php echo (isset($noticia) && $noticia->destaque ? 'selected="selected"' : '');?>>Sim</option>
							<option value="0" <?php echo (isset($noticia) && !$noticia->destaque ? 'selected="selected"' : '');?>>Não</option>
						</select>
						<label>Destaque</label>
					</div>
				</div>
			</div>

			<div class="bloco">
				<div class="topo">
					<h3>Categorias</h3>
					<img src="img/chevron-teca.png" alt="Esconder/Exibir">
				</div>
				<div class="cont">
					<div class="select-form full cat">
						<input type="text" name="cat-search" required>
						<label>Pesquisar categorias</label>
					</div>

					<div class="cat-list">
						<?php $__currentLoopData = $categorias; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $categoria): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
						<label for="cat-<?php echo e($categoria->id); ?>" data-name="<?php echo e($categoria->slug); ?>">
							<input type="checkbox" id="cat-<?php echo e($categoria->id); ?>" name="categorias" value="<?php echo e($categoria->id); ?>" <?php echo isset($noticia) && in_array($categoria->id, $categoriasNoticia) ? 'checked=checked' : ''?>>
							<span class="check-fake"></span>
							<span class="text"><?php echo e($categoria->titulo); ?></span>
						</label>
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					</div>

					<span id="add-cat">Adicionar nova categoria</span>
				</div>
			</div>

			<div class="bloco">
				<div class="topo">
					<h3>Imagem</h3>
					<img src="img/chevron-teca.png" alt="Esconder/Exibir">
				</div>
				<div class="cont">
					<div class="img-anex">
						<?php if(isset($noticia) && !empty($noticia->thumbnail_principal)): ?>
						<style type="text/css">
							.img-anex .anex-min{
								display: block;
							}
						</style>
						<?php else: ?>
						<div class="conten">
							<img src="img/camera.png" alt="Anexe aqui a imagem principal do post">
							<span>Anexe aqui a imagem principal do post (920x500)</span>
						</div>
						<?php endif; ?>
						<img src="<?php echo (isset($noticia) && !empty($noticia->thumbnail_principal) ? config('filesystems.path') . "/noticia/{$noticia->thumbnail_principal}" : "//placehold.it/920x500")?>" class="anex-min">
					</div>
					<form id="upload-form" class="hidden" enctype="multipart/form-data">
						<input type="file" class="upload-img hidden" value="">
						<input type="hidden" id="thumbnail" name="thumbnail" value="<?php echo isset($noticia) ? $noticia->thumbnail_principal : ''?>">
					</form>
				</div>
			</div>
		</div>

		<div class="pub-teca">
			<span><i class="fa fa-spin fa-spinner"></i> Publicar</span>
		</div>
	</section>
</div>

<script src="./plugins/ckeditor5-build-classic/build/ckeditor.js"></script>
<script src="./plugins/ckeditor5-build-classic/build/translations/pt-br.js"></script>
<script src="./plugins/ckfinder/ckfinder.js"></script>
<script>
	/** CKEditor config */
    ClassicEditor
        .create( document.querySelector( '#editor' ),{
			language: 'pt-br',
			toolbar: [ 
				'heading', 
				'|', 
				'bold', 'italic', 'link', 
				'|', 
				'bulletedList', 'numberedList', 
				'imageUpload',  
			],
			ckfinder : {
				uploadUrl: '/plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images&responseType=json',
				// Define the CKFinder configuration (if necessary).
	            options: {
	                resourceType: 'Images'
	            }
			},
			heading: {
				options: [
					{ model: 'paragraph', title: 'Parágrafo', class: 'ck-heading_paragraph' },
					{ model: 'heading2', view: 'h2', title: 'Subtítulo', class: 'ck-heading_heading2' }
				]
			},
			// cloudServices: {
			// 	tokenUrl: 'https://example.com/cs-token-endpoint',
			// 	uploadUrl: 'https://your-organization-id.cke-cs.com/easyimage/upload/'
			// }
			// Instruções backend (upload de imagens): https://ckeditor.com/ckeditor-cloud-services/easy-image/
		} )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( err => {
            console.error( err.stack );
		} );
		
	$(document).on('ready', function(){
		$('.nome-post').focus();
		$('[name="dia"]').mask('99/99/9999');
		$('[name="hora"]').mask('99:99');
		var newNumber = 1;

		/** Busca de categorias */
		$(document).on('keyup', '[name="cat-search"]', function(){
			var type = $(this).val().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
			console.log($(this).val().length);
			$('.cat-list label').hide();
			$('.cat-list label[data-name*="' + type + '" i]').show();
			if($(this).val().length <= 1){
				$('.cat-list label').show();
			}
		});

		/** Comportamento select agendar */
		$(document).on('change', '[name="data"]', function(){
			var $sels = $('.select-form.agendar, .select-form.agora, .select-form.rascunho');
			$sels.removeClass('agendar agora rascunho');
			$sels.addClass($(this).val());
		});

		/** Comportamento blocos */
		$(document).on('click', '.bloco .topo', function(){
			$(this).find('img').toggleClass('closed');
			$(this).siblings('.cont').slideToggle();
		});

		/** Adicionar nova categoria */
		$(document).on('click', '.new-cat .new-btn', function(){
			var cont = $('[name="newcat-name"]').val();
			if(cont.length <= 0){
				alertUtil.alertError('Digite o nome da categoria.');
			}else{

				$.ajax({
					url: "/admin/noticia/cadastrar-categoria",
					type: "post",
					dataType : 'JSON',
					data: {
						name: cont
					},success: function(data) {
						var $clone = $('.cat-list label').eq(0).clone();
						$clone.find('.text').html(cont);
						$clone.attr('data-name', cont);
						$clone.find('input').prop('checked', true);
						$clone.find('input').attr('id', 'catnew-' + data.id);
						$clone.find('input').attr('value', + data.id);
						$clone.attr('for', 'catnew-' + data.id);
						$('.cat-list').prepend($clone);
						$('.new-cat, .new-cat-mask').hide();
					},
				}); 
			}
		});
		$(document).on('click', '.close-newcat, .new-cat-mask', function(){
			$('.new-cat, .new-cat-mask').hide();
		});
		$(document).on('click', '.close-newcat, .new-cat-mask', function(){
			$('.new-cat, .new-cat-mask').hide();
		});
		$(document).on('click', '#add-cat', function(){
			$('.new-cat, .new-cat-mask').show();
		});

		/** Anexo de imagem */
		$(document).on('click', '.img-anex', function(){
			$('.upload-img').trigger('click');
		});
		$(document).on('change', '.upload-img', function(){

			var file = $('.upload-img')[0].files[0];
			// Attach file
			var formData = new FormData();
			formData.append('file', file);

			console.log('file');
			console.log(file);

			$.ajax({
				url: "/admin/noticia/upload-imagem",
				type: "post",
				data: formData,
				processData : false,
				contentType : false,
				success: function(data) {
					var imgUrl = data.url;
					$('.img-anex .anex-min').attr('src', imgUrl);
					$('#thumbnail').val(data.filename);
					$('.img-anex .conten').hide();
					$('.img-anex .anex-min').show();
				},
			}); 

		});

		/** Envio da notícia */
		$(document).on('click', '.pub-teca span', function(){
			var noticia_id 		= $('#noticia_id').val();
			var publicar 		= $('[name="data"]').val();
			var visibilidade 	= $('[name="visibilidade"]').val();
			var destaque 		= $('[name="destaque"]').val();
			var titulo 			= $('.nome-post').val();
			var pubStatus 		= true;
			var categorias 		= $.map($('input[name="categorias"]:checked'), function(n, i){ return n.value; }).join(',');
			console.log(categorias);
			if(publicar == "agora" || publicar == "rascunho"){
				var datePub = new Date();
			}else{
				var dateInput = $('[name="dia"]').val();
				var horaInput = $('[name="hora"]').val();

				if(isValidDateTeca(dateInput, horaInput)){
					var day   = dateInput.split('/')[0];
					var month = dateInput.split('/')[1];
					var year  = dateInput.split('/')[2];
					var hou   = horaInput.split(':')[0];
					var min   = horaInput.split(':')[1];
					
					var datePub = new Date(month + '/' + day + '/' + year + ' ' + hou + ':' + min);
				}else{
					alertUtil.alertError('Verifique a data de publicação.');
					$('[name="dia"]').focus();
					pubStatus = false;
				}
			}

			if(titulo.length <= 0){
				pubStatus = false;
				alertUtil.alertError('Sua publicação precisa de um título');
			}

			if(pubStatus){

				var dateString = datePub.getFullYear() + '-' + (datePub.getMonth() + 1) + '-' + datePub.getDate() + ' ' + datePub.getHours() + ':' + datePub.getMinutes() + ':00';

				var dataObject = {
					noticia_id  : noticia_id,
					title 		: titulo,
					post  		: publicar,
					visibility 	: visibilidade,
					destaque 	: destaque,
					date  		: dateString,
					categories 	: categorias,
					img 		: $('.anex-min').attr('src'),
					thumbnail   : $('#thumbnail').val(),
					content 	: editor.getData()
				};

				var json = JSON.stringify(dataObject); 

				console.log(json);

				$.ajax({
					url: "/admin/noticia/save-ajax",
					type: "post",
					data: dataObject,
					dataType: 'json',
					beforeSend: function(){
						$('.pub-teca').addClass('disabled');
					},
					success: function(data){
						$('.pub-teca').removeClass('disabled');
						//redirect
						if(data.status){
							alertUtil.alertSuccess('Notícia adicionada!');
							setTimeout(function() {
								window.location.href = '/admin/noticia';
							}, 2000);
						}else{
							$('.pub-teca').removeClass('disabled');
                        	alertUtil.alertError('Falha ao adicionar Notícia');	
						}
					},
                    error:function(error){
                    	$('.pub-teca').removeClass('disabled');
                        alertUtil.alertError('Erro ao adicionar Notícia');
                    }
				}); 
			}
		})
	})
</script> 
<?php $__env->stopSection(); ?>

<?php echo $__env->make($current_template, array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>