300 lines
12 KiB
PHP
300 lines
12 KiB
PHP
<?php
|
|
require_once 'includes/session.php';
|
|
require_once 'db/config.php';
|
|
include_once 'includes/header.php';
|
|
|
|
// Helper function to generate a slug from a string
|
|
function generateSlug($string) {
|
|
$string = iconv('UTF-8', 'ASCII//TRANSLIT', $string);
|
|
$string = strtolower($string);
|
|
$string = preg_replace('/[^a-z0-9_\-]+/', '-', $string);
|
|
$string = preg_replace('/-+/', '-', $string);
|
|
$string = trim($string, '-');
|
|
return $string;
|
|
}
|
|
|
|
$pdo = db();
|
|
$error = null;
|
|
|
|
// Handle form submission (Create/Update)
|
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
|
$id = $_POST['id'] ?? null;
|
|
$nome = trim($_POST['nome'] ?? '');
|
|
$descricao = trim($_POST['descricao'] ?? '');
|
|
$ativo = isset($_POST['ativo']) ? 1 : 0;
|
|
$slug = generateSlug($nome);
|
|
|
|
if (empty($nome)) {
|
|
$error = "O campo Nome é obrigatório.";
|
|
} else {
|
|
$stmt = $pdo->prepare('SELECT id FROM macro_areas WHERE (nome = ? OR slug = ?) AND id <> ?');
|
|
$stmt->execute([$nome, $slug, $id ?: 0]);
|
|
if ($stmt->fetch()) {
|
|
$error = "Já existe uma Macro Área com este nome.";
|
|
} else {
|
|
if ($id) {
|
|
$stmt = $pdo->prepare('UPDATE macro_areas SET nome = ?, slug = ?, descricao = ?, ativo = ? WHERE id = ?');
|
|
$stmt->execute([$nome, $slug, $descricao, $ativo, $id]);
|
|
} else {
|
|
$stmt = $pdo->prepare('INSERT INTO macro_areas (nome, slug, descricao, ativo, user_id) VALUES (?, ?, ?, ?, ?)');
|
|
$stmt->execute([$nome, $slug, $descricao, $ativo, $_SESSION['user_id'] ?? 1]);
|
|
$_SESSION['show_new_modal'] = true;
|
|
}
|
|
header("Location: macro_areas.php");
|
|
exit;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Handle deletion
|
|
if (isset($_GET['delete'])) {
|
|
$id = $_GET['delete'];
|
|
$stmt = $pdo->prepare('DELETE FROM macro_areas WHERE id = ?');
|
|
$stmt->execute([$id]);
|
|
header("Location: macro_areas.php");
|
|
exit;
|
|
}
|
|
|
|
$stmt = $pdo->query('SELECT * FROM macro_areas ORDER BY nome ASC');
|
|
$macro_areas = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
?>
|
|
|
|
<div class="container-fluid">
|
|
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
|
<h1 class="h3 mb-0">Macro Áreas</h1>
|
|
<div>
|
|
<button class="btn btn-secondary btn-icon-split btn-sm">
|
|
<span class="icon text-white-50"><i data-lucide="file-text" style="color: #FFFFFF;"></i></span>
|
|
<span class="text">Imprimir Lista</span>
|
|
</button>
|
|
<button class="btn btn-primary btn-icon-split" data-bs-toggle="modal" data-bs-target="#macroAreaModal">
|
|
<span class="icon text-white-50"><i data-lucide="plus" style="color: #FFFFFF;"></i></span>
|
|
<span class="text">Nova Macro Área</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<?php if ($error): ?>
|
|
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
|
<?php echo $error; ?>
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
|
|
<h6 class="m-0 font-weight-bold text-primary">
|
|
<i data-lucide="layers" class="me-2" style="color: #005C53;"></i>Lista de Macro Áreas
|
|
</h6>
|
|
<div class="input-group" style="width: 250px;">
|
|
<span class="input-group-text text-slate-400"><i data-lucide="search"></i></span>
|
|
<input type="text" class="form-control" id="searchInput" placeholder="Buscar...">
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th>Nome</th>
|
|
<th>Descrição</th>
|
|
<th>Status</th>
|
|
<th style="width: 100px;">Ações</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tableBody">
|
|
<?php foreach ($macro_areas as $area):
|
|
$badgeClass = $area['ativo'] ? 'badge-status-ativo' : 'badge-status-arquivado';
|
|
$statusText = $area['ativo'] ? 'Ativo' : 'Arquivado';
|
|
?>
|
|
<tr>
|
|
<td><?php echo htmlspecialchars($area['nome']); ?></td>
|
|
<td><?php echo htmlspecialchars($area['descricao']); ?></td>
|
|
<td>
|
|
<span class="badge <?php echo $badgeClass; ?>"><?php echo $statusText; ?></span>
|
|
</td>
|
|
<td>
|
|
<button class="btn btn-sm edit-btn"
|
|
data-id="<?php echo $area['id']; ?>"
|
|
data-nome="<?php echo htmlspecialchars($area['nome']); ?>"
|
|
data-descricao="<?php echo htmlspecialchars($area['descricao']); ?>"
|
|
data-ativo="<?php echo $area['ativo']; ?>"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#macroAreaModal">
|
|
<i data-lucide="edit" style="color: #4C5958;"></i>
|
|
</button>
|
|
<a href="macro_areas.php?delete=<?php echo $area['id']; ?>" class="btn btn-sm" onclick="return confirm('Tem certeza que deseja excluir este item?');">
|
|
<i data-lucide="trash-2" style="color: #4C5958;"></i>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
<?php if (empty($macro_areas)): ?>
|
|
<tr>
|
|
<td colspan="4" class="text-center">Nenhuma macro área encontrada.</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="macroAreaModal" tabindex="-1" aria-labelledby="macroAreaModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="macroAreaModalLabel">Nova Macro Área</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form id="macroAreaForm" method="POST" action="macro_areas.php">
|
|
<div class="modal-body">
|
|
<input type="hidden" name="id" id="macroAreaId">
|
|
<div class="mb-3">
|
|
<label for="macroAreaNome" class="form-label">Nome *</label>
|
|
<input type="text" class="form-control" id="macroAreaNome" name="nome" placeholder="Ex: Moradia, Alimentação, Saúde" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="macroAreaDescricao" class="form-label">Descrição</label>
|
|
<textarea class="form-control" id="macroAreaDescricao" name="descricao" rows="3" placeholder="Descrição opcional da macro área"></textarea>
|
|
</div>
|
|
<div class="mb-3 form-check form-switch">
|
|
<input type="checkbox" class="form-check-input" id="macroAreaAtivo" name="ativo" value="1" checked>
|
|
<label class="form-check-label" for="macroAreaAtivo">Ativo</label>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
|
|
<button type="submit" class="btn btn-primary">Salvar</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php include_once 'includes/footer.php'; ?>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
var macroAreaModalEl = document.getElementById('macroAreaModal');
|
|
var macroAreaModal = new bootstrap.Modal(macroAreaModalEl);
|
|
|
|
function showModalAlert(message, type = 'success') {
|
|
var modalBody = macroAreaModalEl.querySelector('.modal-body');
|
|
var existingAlert = modalBody.querySelector('.alert');
|
|
if (existingAlert) {
|
|
existingAlert.remove();
|
|
}
|
|
var alert = document.createElement('div');
|
|
alert.className = 'alert alert-' + type;
|
|
alert.textContent = message;
|
|
modalBody.insertBefore(alert, modalBody.firstChild);
|
|
setTimeout(function() {
|
|
if (alert) {
|
|
alert.remove();
|
|
}
|
|
}, 5000);
|
|
}
|
|
|
|
macroAreaModalEl.addEventListener('show.bs.modal', function (event) {
|
|
var button = event.relatedTarget;
|
|
var modal = this;
|
|
var id = button ? button.getAttribute('data-id') : null;
|
|
|
|
modal.querySelector('.modal-title').textContent = 'Nova Macro Área';
|
|
modal.querySelector('#macroAreaForm').reset();
|
|
modal.querySelector('#macroAreaId').value = '';
|
|
modal.querySelector('#macroAreaAtivo').checked = true;
|
|
|
|
if (id) {
|
|
var nome = button.getAttribute('data-nome');
|
|
var descricao = button.getAttribute('data-descricao');
|
|
var ativo = button.getAttribute('data-ativo');
|
|
|
|
modal.querySelector('.modal-title').textContent = 'Editar Macro Área';
|
|
modal.querySelector('#macroAreaId').value = id;
|
|
modal.querySelector('#macroAreaNome').value = nome;
|
|
modal.querySelector('#macroAreaDescricao').value = descricao;
|
|
modal.querySelector('#macroAreaAtivo').checked = ativo == 1;
|
|
}
|
|
});
|
|
|
|
<?php if ($error): ?>
|
|
macroAreaModal.show();
|
|
document.getElementById('macroAreaId').value = '<?php echo $_POST['id'] ?? '' ?>';
|
|
document.getElementById('macroAreaNome').value = '<?php echo htmlspecialchars($_POST['nome'] ?? '') ?>';
|
|
document.getElementById('macroAreaDescricao').value = '<?php echo htmlspecialchars($_POST['descricao'] ?? '') ?>';
|
|
document.getElementById('macroAreaAtivo').checked = <?php echo isset($_POST['ativo']) ? 'true' : 'false' ?>;
|
|
<?php if (!empty($_POST['id'])): ?>
|
|
document.querySelector('#macroAreaModal .modal-title').textContent = 'Editar Macro Área';
|
|
<?php endif; ?>
|
|
<?php endif; ?>
|
|
|
|
<?php
|
|
if (isset($_SESSION['show_new_modal']) && $_SESSION['show_new_modal']) {
|
|
unset($_SESSION['show_new_modal']);
|
|
echo "var showNewModalAfterSave = true;\n";
|
|
} else {
|
|
echo "var showNewModalAfterSave = false;\n";
|
|
}
|
|
?>
|
|
|
|
if (showNewModalAfterSave) {
|
|
var modalTitle = macroAreaModalEl.querySelector('.modal-title');
|
|
var form = macroAreaModalEl.querySelector('#macroAreaForm');
|
|
|
|
modalTitle.textContent = 'Nova Macro Área';
|
|
form.reset();
|
|
document.getElementById('macroAreaId').value = '';
|
|
document.getElementById('macroAreaAtivo').checked = true;
|
|
|
|
macroAreaModal.show();
|
|
showModalAlert('Salvo com sucesso! Adicione um novo registro.', 'success');
|
|
}
|
|
|
|
// Search functionality
|
|
const searchInput = document.getElementById('searchInput');
|
|
const tableBody = document.getElementById('tableBody');
|
|
const tableRows = tableBody.getElementsByTagName('tr');
|
|
|
|
searchInput.addEventListener('keyup', function() {
|
|
const searchTerm = searchInput.value.toLowerCase();
|
|
|
|
for (let i = 0; i < tableRows.length; i++) {
|
|
const row = tableRows[i];
|
|
const cells = row.getElementsByTagName('td');
|
|
let match = false;
|
|
for (let j = 0; j < cells.length; j++) {
|
|
if (cells[j]) {
|
|
if (cells[j].textContent.toLowerCase().indexOf(searchTerm) > -1) {
|
|
match = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (match) {
|
|
row.style.display = '';
|
|
} else {
|
|
row.style.display = 'none';
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
.input-group-text {
|
|
background-color: #fff;
|
|
border-right: 0;
|
|
}
|
|
#searchInput {
|
|
border-left: 0;
|
|
}
|
|
.btn-sm i[data-lucide] {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
</style>
|