<ul class="list-group">
	<li class="list-group-item">
		
		<div class="row">
			<div class="col-12 col-md-4">
				<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalCrearCaso" data-id="0"><i class="fas fa-plus"></i> Nuevo Caso</h4>
			</div>
			<div class="col-12 col-md-8">
				<ul class="nav nav-pills alt-pills float-right mini-labels">
					<form method="get">
						<li class="nav-item float-left mr-3">
							<label>Estado</label>
							<select id="selectEstado"
								name="estado"
								class="form-control"
								onchange="this.form.submit()">
							<option value="activos" <?= $estado_filtro === 'activos' ? 'selected' : ''; ?>>
								Activos
							</option>
							<option value="finalizados" <?= $estado_filtro === 'finalizados' ? 'selected' : ''; ?>>
								Finalizados
							</option>
						</select>
						</li>
					</form>
				</ul>
			</div>
		</div>
	</li>

	<!-- MIS CASOS -->
	<li class="list-group-item mb-4">
		<h4 class="mb-3">Mis casos</h4>
		<?php if (empty($mis_casos)): ?>

			<div class="alert alert-light mb-0">
				No tienes casos asignados.
			</div>

		<?php else: ?>

			<div class="table-responsive">
				<table class="table table-hover table-sm mb-0">
					<thead>
						<tr>
							<th>ID</th>
							<th>Cliente</th>
							<th>Título</th>
							<th>Creador</th>
							<th>Fecha Creación</th>
							<th>Estado</th>
							<th>Fecha compromiso</th>
							<th></th>
						</tr>
					</thead>
					<tbody>

					<?php foreach ($mis_casos as $caso): ?>
						<tr>
							<td><?= $caso['id']; ?></td>
							<td><?= $caso['nombre_contacto']; ?></td>
							<td><?= htmlspecialchars($caso['titulo']); ?></td>
							<td><?= $usuarios[$caso['id_usuario_creador']]; ?></td>
							<td><?= fecha($caso['created']); ?></td>
							<td>
								<?php
								switch ($caso['estado']) {
									case 'abierto':
									case 'espera_interna':
										$badge = 'warning';
										$texto = 'Espera interna';
										break;
									case 'espera_cliente':
										$badge = 'info';
										$texto = 'Espera cliente';
										break;
									case 'resuelto':
										$badge = 'success';
										$texto = 'Resuelto';
										break;
									default:
										$badge = 'secondary';
										$texto = $caso['estado'];
								}
								?>
								<span class="badge badge-<?= $badge; ?>">
									<?= $texto; ?>
								</span>
							</td>
							<td><?= fecha($caso['fecha_compromiso']); ?></td>
							<td class="text-right">
								<a href="<?= site_url('casos/ver/' . $caso['id']); ?>"
								   class="btn btn-outline-primary btn-sm">
									Ver
								</a>
							</td>
						</tr>

					<?php endforeach; ?>

					</tbody>
				</table>
			</div>

		<?php endif; ?>

	</li>

	<!-- OTROS CASOS -->
	<li class="list-group-item">

		<h4 class="mb-3">Otros casos</h4>

		<?php if (empty($otros_casos)): ?>

			<div class="alert alert-light mb-0">
				No hay otros casos para mostrar.
			</div>

		<?php else: ?>

			<div class="table-responsive">
				<table class="table table-hover table-sm mb-0">
					<thead>
						<tr>
							<th>ID</th>
							<th>Cliente</th>
							<th>Título</th>
							<th>Creador</th>
							<th>Fecha Creación</th>
							<th>Estado</th>
							<th>Responsable</th>
							<th>Fecha compromiso</th>
							<th></th>
						</tr>
					</thead>
					<tbody>

					<?php foreach ($otros_casos as $caso): ?>
						<tr>
							<td><?= $caso['id']; ?></td>
							<td><?= $caso['nombre_contacto']; ?></td>
							<td><?= htmlspecialchars($caso['titulo']); ?></td>
							<td><?= $usuarios[$caso['id_user']]; ?></td>
							<td><?= fecha($caso['created']); ?></td>
							<td>
								<?php
								switch ($caso['estado']) {
									case 'abierto':
									case 'espera_interna':
										$badge = 'warning';
										$texto = 'Espera interna';
										break;
									case 'espera_cliente':
										$badge = 'info';
										$texto = 'Espera cliente';
										break;
									case 'resuelto':
										$badge = 'success';
										$texto = 'Resuelto';
										break;
									default:
										$badge = 'secondary';
										$texto = $caso['estado'];
								}
								?>
								<span class="badge badge-<?= $badge; ?>">
									<?= $texto; ?>
								</span>
							</td>
							<td>
								<?= $usuarios[$caso['id_usuario_responsable']] ?? '<span class="text-muted">Sin asignar</span>'; ?>
							</td>
							<td><?= fecha($caso['fecha_compromiso']); ?></td>
							<td class="text-right">
								<a href="<?= site_url('casos/ver/' . $caso['id']); ?>"
								   class="btn btn-outline-primary btn-sm">
									Ver
								</a>
							</td>
						</tr>

					<?php endforeach; ?>

					</tbody>
				</table>
			</div>

		<?php endif; ?>

	</li>

</ul>

<!-- MODAL NUEVO CASO -->
<div class="modal fade"
     id="modalCrearCaso"
     tabindex="-1"
     role="dialog"
     data-backdrop="static"
     data-keyboard="false">

	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<h5 class="modal-title">Nuevo caso</h5>
				<button type="button" class="close" data-dismiss="modal">
					<span>&times;</span>
				</button>
			</div>

			<div class="modal-body">
				<?php $this->load->view('casos/form'); ?>
			</div>

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