98 lines
4.3 KiB
Plaintext
98 lines
4.3 KiB
Plaintext
<%- include('../partials/header') %>
|
|
<% title = 'Departamentos'; %>
|
|
|
|
<% if (success_msg && success_msg.length > 0) { %>
|
|
<% success_msg.forEach(msg => { %>
|
|
<div class="alert alert-success alert-dismissible fade show mt-3"><%= msg %><button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
|
|
<% }) %>
|
|
<% } %>
|
|
<% if (error_msg && error_msg.length > 0) { %>
|
|
<% error_msg.forEach(msg => { %>
|
|
<div class="alert alert-danger alert-dismissible fade show mt-3"><%= msg %><button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
|
|
<% }) %>
|
|
<% } %>
|
|
|
|
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
|
|
<h1 class="h2">Departamentos</h1>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createModal">
|
|
<i class="fas fa-plus"></i> Nuevo Departamento
|
|
</button>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<% departments.forEach(d => { %>
|
|
<div class="col-md-4 mb-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><%= d.nombre %></h5>
|
|
<p class="card-text"><%= d.descripcion || 'Sin descripción' %></p>
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editModal<%= d.id %>">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
<form action="/admin/departments/delete/<%= d.id %>" method="POST" style="display:inline">
|
|
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('¿Eliminar este departamento?')">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="editModal<%= d.id %>">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form action="/admin/departments/update/<%= d.id %>" method="POST">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Editar Departamento</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label">Nombre</label>
|
|
<input type="text" name="nombre" class="form-control" value="<%= d.nombre %>" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Descripción</label>
|
|
<textarea name="descripcion" class="form-control" rows="3"><%= d.descripcion || '' %></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Guardar</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
|
|
<div class="modal fade" id="createModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form action="/admin/departments/create" method="POST">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Nuevo Departamento</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label">Nombre</label>
|
|
<input type="text" name="nombre" class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Descripción</label>
|
|
<textarea name="descripcion" class="form-control" rows="3"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Crear</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('../partials/footer') %>
|