<ul class="list-group">
	<li class="list-group-item">
		<form method="get">
			<div class="row filtros-ayudas">
				<div class="col-12">
					<?php
					if ($_SESSION['usuario']['admin']) { ?>
						<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalAyudaCategoriaForm" data-id="0"><i class="fas fa-plus"></i> Crear Categoría</button>
					<?php
					}
					?>
					<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalAyudaForm" data-id="0"><i class="fas fa-plus"></i> Crear Artículo</button>
				</div>
			</div>
		</form>
	</li>
	<?php if (!empty($idCategoria)) { ?>
		<li class="list-group-item">
			<nav aria-label="Breadcrumb">
				<ol class="breadcrumb">
					<?php if (!empty($idCategoria)) {
						if (!empty($categoria['id_categoria'])) {
							echo '<li class="breadcrumb-item"><a href="/ayudas/categoria/'.$categoria['id_categoria'].'">'.$lista_categorias[$categoria['id_categoria']]['nombre'].'</a></li>';
						}
						echo '<li class="breadcrumb-item">'.$categoria['nombre'].'</li>';
					} ?>
				</ol>
			</nav>
		</li>
	<?php
	}
	if (!empty($categorias)) {
	?>
	<li class="list-group-item">
		<?php
		if (empty($idCategoria)) {
			echo '<h4>Categorías de Ayudas</h4>';
		}
		else {
			echo '<h4>Subcategorías de Ayudas: '. $lista_categorias[$idCategoria]['nombre'].'</h4>';
		}
		?>
		<div class="table-responsive">
			<table class="table table-striped anuncios">
				<thead>
					<tr>
						<th>Nombre</th>
						<?php
						if (empty($idCategoria)) {
						?>
							<th class="text-center">Subcategorías</th>
						<?php
						}
						?>
						<th class="text-center">Artículos</th>
						<th class="text-center">Acciones</th>
					</tr>
				</thead>
				<tbody>
					<?php
					foreach($categorias as $c) {
						
						?>
						<tr id="categoria-<?php echo $c['id']; ?>">
							<td class="nombre"><a href="/ayudas/categoria/<?php echo $c['id']; ?>"><?php echo $c['nombre']; ?></a></td>
							<?php
								if (empty($idCategoria)) {
								?>
									<td class="text-center"><?php echo count($lista_categorias[$c['id']]['subcategorias']); ?></td>
								<?php
								}
								?>
							<td class="articulos text-center"><?php echo $c['cant']; ?></td>
							<td class="text-center">
								<a href="/ayudas/categoria/<?php echo $c['id']; ?>" class="btn btn-info btn-sm"><i class="fas fa-eye"></i></a>
								<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalAyudaCategoriaForm" data-id="<?php echo $c['id']; ?>"><i class="fas fa-pencil-alt"></i></button>
							</td>
						</tr>
					<?php
					}
					?>
				</tbody>
			</table>
		</div>
	</li>
	<?php
	}
	if ($idCategoria != 0) {
	?>
		<li class="list-group-item">
			<h4>Artículos de Ayuda: <?php echo $categoria['nombre']; ?></h4>
			<?php
			if (!empty($ayudas)) {
			?>
				<div class="table-responsive">

					<table class="table table-striped anuncios">
						<thead>
							<tr>
								<th>Título</th>
								<th>Autor</th>
								<th class="text-center">Acciones</th>
							</tr>
						</thead>
						<tbody>
								<?php
								foreach($ayudas as $a) {
									?>
									<tr id="ayuda-<?php echo $a['id']; ?>">
										<?php
											$borrador = '';
											$borradorClass = '';
											if ($a['estado'] == 0) {
												$borrador = '[Borrador]';
												$borradorClass = 'ayuda-borrador';
											}
										?>
										<td class="titulo"><a href="/ayudas/detalle/<?php echo $a['id']; ?>" class="<?php echo $borradorClass; ?>"><?php echo $borrador . ' ' . $a['titulo']; ?></a></td>
										<td class="titulo"><?php echo $a['autor']; ?></td>
										<td class="text-center">
											<a href="/ayudas/detalle/<?php echo $a['id']; ?>" class="btn btn-info btn-sm"><i class="fas fa-eye"></i></a>
											<!-- LÁPIZ o CANDADO según protección y autor -->
											<?php if (!empty($a['protegido']) && $a['id_usuario'] != $_SESSION['usuario']['id']): ?>
												<button type="button" class="btn btn-secondary btn-sm" disabled title="El autor no permite la edición de este artículo">
													<i class="fas fa-lock"></i>
												</button>
											<?php else: ?>
												<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalAyudaForm" data-id="<?php echo $a['id']; ?>">
													<i class="fas fa-pencil-alt"></i>
												</button>
											<?php endif; ?>
										</td>
									</tr>
								<?php
								}
							?>
						</tbody>
					</table>
				</div>
			<?php
			}
			else {
				echo '<div class="alert alert-info">No hay artículos en esta categoría</div>';
			}
			?>
		</li>
	<?php
	} ?>
</ul>

<script src="<?php echo base_url(); ?>js/tinymce/tinymce.min.js"></script>
<div class="modal fade" id="modalAyudaForm" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalAyudaFormLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="modalAyudaFormLabel">Artículo de Ayuda</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form id="formAyuda" action="/ayudas/guardar" method="post">
					<input type="hidden" name="id" id="idAyuda" value="0" />
					<div class="form-group row">
						<label class="col-lg-2 col-form-label">Categoría</label>
						<div class="col-lg-10">
							<select name ="id_categoria" class="form-control select-id-categoria" id="idCategoria">
								<?php
									foreach($lista_categorias as $lc) {
										echo '<option value="' . $lc['id'] . '">'.$lc['nombre'].'</option>';
										foreach($lc['subcategorias'] as $c) {
											echo '<option value="' . $c['id'] . '">' . $lc['nombre'] . ' - ' . $c['nombre'] . '</option>';
										}
									}
								?>
							</select>
						</div>
					</div>
					<div class="form-group row">
						<label for="tituloAyuda" class="col-lg-2 col-form-label">Título</label>
						<div class="col-lg-10">
							<input type="text" id="tituloAyuda" name="titulo" class="form-control input-titulo" placeholder="Título">
						</div>
					</div>
					<div class="form-group row">
						<label for="ayudaContenido" class="col-lg-2 col-form-label">Contenido</label>
						<div class="col-lg-10">
							<textarea id="ayudaContenido" class="form-control text-contenido" name="contenido" rows="16"></textarea>
						</div>
					</div>
					<div class="form-group row">
						<label class="col-lg-2 col-form-label">Estado</label>
						<div class="col-lg-10">
							<select name ="estado" class="form-control select-estado" id="estado">
								<option value="0">Borrador</option>
								<option value="1">Publicado</option>
							</select>
						</div>
					</div>
					<div class="form-group row">
						<label for="checkPublico" class="col-lg-2 col-form-label">Privado</label>
						<div class="col-lg-10 d-flex align-items-center">
							<input type="hidden" name="privado" value="0">
							<input type="checkbox" class="big-check mr-2 check-privado" name="privado" id="checkPrivado" value="1">
							<small class="text-muted">Si está marcado, solo el autor podrá ver este artículo.</small>
						</div>
					</div>

					<div class="form-group row">
						<label for="checkProtegido" class="col-lg-2 col-form-label">Protegido</label>
						<div class="col-lg-10 d-flex align-items-center">
							<input type="hidden" name="protegido" value="0">
							<input type="checkbox" class="big-check mr-2 check-protegido" name="protegido" id="checkProtegido" value="1">
							<small class="text-muted">Si está marcado, solo el autor podrá editar este artículo.</small>
						</div>
					</div>

				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger mr-auto btn-eliminar">Eliminar</button>
				<button type="button" class="btn btn-secondary btn-cerrar" data-dismiss="modal">Cerrar</button>
				<button type="button" class="btn btn-primary btn-editar">Editar</button>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="modalAyudaCategoriaForm" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalAyudaCategoriaFormLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="modalAyudaCategoriaFormLabel">Categoría de Artículo de Ayuda</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form id="formAyudaCategoria" action="/ayudas/guardar_categoria" method="post">
					<input type="hidden" name="id" id="idAyudaCategoria" value="0" />
					<div class="form-group row">
						<label class="col-lg-2 col-form-label">Categoría Padre</label>
						<div class="col-lg-10">
							<select name ="id_categoria" class="form-control select-id-categoria" id="idCategoria">
								<option value="0">Categoría Principal</option>;
								<?php
									foreach($lista_categorias as $lc) {
										echo '<option value="'.$lc['id'].'">'.$lc['nombre'].'</option>';
									}
								?>
							</select>
						</div>
					</div>
					<div class="form-group row">
						<label for="nombreCategoria" class="col-lg-2 col-form-label">Nombre</label>
						<div class="col-lg-10">
							<input type="text" id="nombreCategoria" name="nombre" class="form-control input-nombre" placeholder="Nombre">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger mr-auto btn-eliminar">Eliminar</button>
				<span class="mr-auto obs-eliminar obs-danger">Solo se puede eliminar categorías sin subcategorías ni artículos</span>
				<button type="button" class="btn btn-secondary btn-cerrar" data-dismiss="modal">Cerrar</button>
				<button type="button" class="btn btn-primary btn-editar">Editar</button>
			</div>
		</div>
	</div>
</div>

<script>
	tinymce.init({
		selector: "#ayudaContenido",
		language: 'es',
		branding: false,
		menubar: false,
		plugins: [
			'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
			'anchor', 'searchreplace', 'visualblocks', 'fullscreen',
			'insertdatetime', 'media', 'table', 'code', 'help', 'wordcount'
		],
		toolbar: 'code forecolor bold italic underline link ' +
			'alignleft aligncenter alignright alignjustify ' +
			'bullist numlist table image media blocks help',
		automatic_uploads: true,
		file_picker_types: 'image',
		automatic_uploads: true,
		images_upload_url: '/ayudas/cargar_imagen',
	});

	<?php
		/*
		echo 'var usuarios = ' . json_encode($usuarios) . ';
		';*/
	?>
</script>

<script src="<?php echo js('ayudas.js'); ?>"></script>

<?php /*
<?php $this->load->view('anuncios/modal_form'); ?>
<script src="<?php echo js('anuncios.js'); ?>"></script>
*/ ?>