521 lines
32 KiB
HTML
521 lines
32 KiB
HTML
{% macro confirm_modal(id, title, message, action_url, btn_class='btn-primary', btn_text='Confirmar') %}
|
|
<div class="modal fade" id="{{ id }}" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">{{ title }}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
{{ message }}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
|
|
<form action="{{ action_url }}" method="POST" class="d-inline">
|
|
<button type="submit" class="btn {{ btn_class }}">{{ btn_text }}</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro alert_modal(id, title, message, btn_class='btn-primary') %}
|
|
<div class="modal fade" id="{{ id }}" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content border-warning">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title"><i class="bi bi-exclamation-triangle-fill text-warning me-2"></i> {{ title }}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body" id="{{ id }}Body">
|
|
{{ message }}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn {{ btn_class }}" data-bs-dismiss="modal">Entendido</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro edit_product_modal(zonas) %}
|
|
<div class="modal fade" id="editProductModal" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Editar Producto</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form id="editProductForm" method="POST" action="">
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label">Zona</label>
|
|
<select class="form-select" name="zona_id" id="edit_zona_id" required>
|
|
{% for zona in zonas %}
|
|
<option value="{{ zona[0] }}">{{ zona[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Nombre del Producto</label>
|
|
<input type="text" class="form-control" name="name" id="edit_name" required>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<label class="form-label">Precio</label>
|
|
<input type="text" class="form-control money-input" name="price" id="edit_price" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Comisión</label>
|
|
<input type="text" class="form-control money-input" name="commission" id="edit_commission" required>
|
|
</div>
|
|
</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">Guardar Cambios</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro edit_worker_modal(modulos) %}
|
|
<div class="modal fade" id="editWorkerModal" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Editar Trabajador</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<form id="editWorkerForm" method="POST" action="">
|
|
<div class="mb-3">
|
|
<label class="form-label text-muted-rut">RUT (No editable)</label>
|
|
<input type="text" class="form-control" id="edit_worker_rut" readonly>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Nombre Completo</label>
|
|
<input type="text" class="form-control" name="name" id="edit_worker_name" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Teléfono</label>
|
|
<input type="text" class="form-control phone-input" name="phone" id="edit_worker_phone" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Módulo Asignado</label>
|
|
<select class="form-select" name="modulo_id" id="edit_worker_modulo" required>
|
|
{% for mod in modulos %}
|
|
<option value="{{ mod[0] }}">{{ mod[2] }} - {{ mod[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Jornada</label>
|
|
<select class="form-select" name="tipo" id="edit_worker_tipo" required>
|
|
<option value="Full Time">Full Time</option>
|
|
<option value="Part Time">Part Time</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
|
|
<hr>
|
|
|
|
<div class="d-grid">
|
|
<button type="button" class="btn btn-outline-warning btn-sm w-100"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#confirmResetPass"
|
|
data-bs-dismiss="modal">
|
|
<i class="bi bi-key me-1"></i> Restablecer Contraseña
|
|
</button>
|
|
<small class="text-muted text-center mt-1">Generará una nueva clave aleatoria.</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
|
|
<button type="submit" form="editWorkerForm" class="btn btn-primary">Guardar Cambios</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro rendicion_detail_modal(rendicion, items, total_calculado, comision_total) %}
|
|
<div class="modal fade" id="viewRendicion{{ rendicion[0] }}" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl modal-dialog-scrollable">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Detalle de Rendición #{{ rendicion[0] }}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body text-start">
|
|
<div class="row">
|
|
<div class="col-md-8 mb-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header bg-secondary text-white">Productos Vendidos</div>
|
|
<div class="card-body p-0">
|
|
<div class="table-responsive">
|
|
<table class="table table-striped mb-0 text-nowrap">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th>Producto</th>
|
|
<th class="text-center">Cant.</th>
|
|
<th class="text-end">Precio Un.</th>
|
|
<th class="text-end">Total Línea</th>
|
|
<th class="text-end">Comisión</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in items %}
|
|
<tr>
|
|
<td class="text-wrap" style="min-width: 180px;">{{ item[0] }}</td>
|
|
<td class="text-center fw-bold">{{ item[1] }}</td>
|
|
<td class="text-end text-muted">${{ "{:,.0f}".format(item[2]).replace(',', '.') }}</td>
|
|
<td class="text-end fw-bold">${{ "{:,.0f}".format(item[4]).replace(',', '.') }}</td>
|
|
<td class="text-end text-success">${{ "{:,.0f}".format(item[5]).replace(',', '.') }}</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="5" class="text-center py-3 text-wrap">No se registraron productos en esta rendición.</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot class="table-group-divider">
|
|
<tr>
|
|
<td colspan="3" class="text-end fw-bold">Total Calculado por Sistema:</td>
|
|
<td class="text-end fw-bold fs-6">${{ "{:,.0f}".format(total_calculado or 0).replace(',', '.') }}</td>
|
|
<td class="text-end fw-bold text-success fs-6">
|
|
{% if not rendicion[14] and not rendicion[15] %}
|
|
<span class="text-decoration-line-through text-muted">${{ "{:,.0f}".format(comision_total or 0).replace(',', '.') }}</span>
|
|
{% else %}
|
|
${{ "{:,.0f}".format(comision_total or 0).replace(',', '.') }}
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card shadow-sm mb-4 border-info">
|
|
<div class="card-header bg-info text-dark fw-bold">Declaración del Trabajador</div>
|
|
<div class="card-body">
|
|
<dl class="row mb-0">
|
|
<dt class="col-sm-5 text-muted">Fecha</dt>
|
|
<dd class="col-sm-7">{{ rendicion[1] }}</dd>
|
|
|
|
<dt class="col-sm-5 text-muted">Trabajador</dt>
|
|
<dd class="col-sm-7">{{ rendicion[2] }}
|
|
{% if session.get('is_admin') %}
|
|
<span class="badge {% if rendicion[14] %}bg-success{% else %}bg-secondary{% endif %} ms-1" style="font-size: 0.65em;">
|
|
{% if rendicion[14] %}$ Sí{% else %}$ No{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
</dd>
|
|
|
|
<dt class="col-sm-5 text-muted">Acompañante</dt>
|
|
<dd class="col-sm-7">
|
|
{% if rendicion[10] %}
|
|
{{ rendicion[10] }}
|
|
{% if session.get('is_admin') %}
|
|
<span class="badge {% if rendicion[15] %}bg-success{% else %}bg-secondary{% endif %} ms-1" style="font-size: 0.65em;">
|
|
{% if rendicion[15] %}$ Sí{% else %}$ No{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
{% else %}
|
|
<span class="text-muted italic small">Sin acompañante</span>
|
|
{% endif %}
|
|
</dd>
|
|
|
|
<dt class="col-sm-5 text-muted">Módulo</dt>
|
|
<dd class="col-sm-7"><span class="badge bg-secondary">{{ rendicion[3] }}</span></dd>
|
|
</dl>
|
|
<hr>
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted">Débito:</span>
|
|
<span>${{ "{:,.0f}".format(rendicion[4] or 0).replace(',', '.') }}</span>
|
|
</div>
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted">Crédito:</span>
|
|
<span>${{ "{:,.0f}".format(rendicion[5] or 0).replace(',', '.') }}</span>
|
|
</div>
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted">Mercado Pago:</span>
|
|
<span>${{ "{:,.0f}".format(rendicion[6] or 0).replace(',', '.') }}</span>
|
|
</div>
|
|
<div class="d-flex justify-content-between mb-2">
|
|
<span class="text-muted">Efectivo:</span>
|
|
<span>${{ "{:,.0f}".format(rendicion[7] or 0).replace(',', '.') }}</span>
|
|
</div>
|
|
|
|
{% set total_declarado = (rendicion[4] or 0) + (rendicion[5] or 0) + (rendicion[6] or 0) + (rendicion[7] or 0) %}
|
|
<div class="d-flex justify-content-between mt-3 pt-2 border-top">
|
|
<strong class="fs-5">Total Declarado:</strong>
|
|
<strong class="fs-5">${{ "{:,.0f}".format(total_declarado).replace(',', '.') }}</strong>
|
|
</div>
|
|
|
|
{% if total_declarado != total_calculado %}
|
|
<div class="alert alert-warning mt-3 mb-0 py-2 text-wrap text-break">
|
|
<small>Discrepancia: El total declarado (${{ "{:,.0f}".format(total_declarado).replace(',', '.') }}) no coincide con la suma de los productos vendidos (${{ "{:,.0f}".format(total_calculado).replace(',', '.') }}).</small>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow-sm border-danger">
|
|
<div class="card-header bg-danger text-white">Gastos y Observaciones</div>
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between mb-3">
|
|
<strong class="text-danger">Monto Gastos:</strong>
|
|
<strong class="text-danger">-${{ "{:,.0f}".format(rendicion[8] or 0).replace(',', '.') }}</strong>
|
|
</div>
|
|
<div>
|
|
<span class="text-muted d-block mb-1">Observaciones:</span>
|
|
<p class="mb-0 bg-dark p-2 rounded border border-secondary text-wrap text-break" style="font-size: 0.9em;">
|
|
{{ rendicion[9] if rendicion[9] else "Sin observaciones." }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro edit_rendicion_modal(rendicion, workers, modulos) %}
|
|
<div class="modal fade" id="editRendicion{{ rendicion[0] }}" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Editar Rendición #{{ rendicion[0] }}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form method="POST" action="{{ url_for('edit_rendicion', id=rendicion[0]) }}">
|
|
<div class="modal-body text-start">
|
|
<h6 class="border-bottom pb-2 text-primary">Datos Generales</h6>
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-6">
|
|
<label class="form-label">Fecha</label>
|
|
<input type="date" class="form-control" name="fecha" value="{{ rendicion[1] }}" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Módulo</label>
|
|
<select class="form-select" name="modulo_id" required>
|
|
{% for mod in modulos %}
|
|
<option value="{{ mod[0] }}" {% if mod[0] == rendicion[13] %}selected{% endif %}>{{ mod[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Trabajador</label>
|
|
<select class="form-select" name="worker_id" onchange="updateComisionToggle(this, 'wc_{{ rendicion[0] }}')" required>
|
|
{% for w in workers %}
|
|
<option value="{{ w[0] }}" data-tipo="{{ w[2] }}" {% if w[0] == rendicion[11] %}selected{% endif %}>{{ w[1] }} ({{ w[2] }})</option>
|
|
{% endfor %}
|
|
</select>
|
|
<div class="form-check form-switch mt-2">
|
|
<input class="form-check-input" type="checkbox" role="switch" name="worker_comision" id="wc_{{ rendicion[0] }}" {% if rendicion[14] %}checked{% endif %}>
|
|
<label class="form-check-label text-warning small" for="wc_{{ rendicion[0] }}"><i class="bi bi-star me-1"></i>Recibe comisión</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label class="form-label">Acompañante</label>
|
|
<select class="form-select" name="companion_id" onchange="document.getElementById('comp_com_div_{{ rendicion[0] }}').style.display = this.value ? 'block' : 'none'; updateComisionToggle(this, 'cc_{{ rendicion[0] }}');">
|
|
<option value="" data-tipo="">Sin acompañante</option>
|
|
{% for w in workers %}
|
|
<option value="{{ w[0] }}" data-tipo="{{ w[2] }}" {% if w[0] == rendicion[12] %}selected{% endif %}>{{ w[1] }} ({{ w[2] }})</option>
|
|
{% endfor %}
|
|
</select>
|
|
<div class="form-check form-switch mt-2" id="comp_com_div_{{ rendicion[0] }}" {% if not rendicion[12] %}style="display:none;"{% endif %}>
|
|
<input class="form-check-input" type="checkbox" role="switch" name="companion_comision" id="cc_{{ rendicion[0] }}" {% if rendicion[15] %}checked{% endif %}>
|
|
<label class="form-check-label text-warning small" for="cc_{{ rendicion[0] }}"><i class="bi bi-star me-1"></i>Recibe comisión</label>
|
|
</div>
|
|
</div>
|
|
|
|
<h6 class="border-bottom pb-2 text-success">Declaración de Dinero</h6>
|
|
<div class="row g-3">
|
|
<div class="col-md-3">
|
|
<label class="form-label">Débito</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">$</span>
|
|
<input type="text" class="form-control" id="edit_debito_{{ rendicion[0] }}" name="venta_debito" value="{{ '{:,.0f}'.format(rendicion[4] or 0).replace(',', '.') }}" oninput="calcTotalEdit({{ rendicion[0] }})">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Crédito</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">$</span>
|
|
<input type="text" class="form-control" id="edit_credito_{{ rendicion[0] }}" name="venta_credito" value="{{ '{:,.0f}'.format(rendicion[5] or 0).replace(',', '.') }}" oninput="calcTotalEdit({{ rendicion[0] }})">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Mercado Pago</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">$</span>
|
|
<input type="text" class="form-control money-input" id="edit_mp_{{ rendicion[0] }}" name="venta_mp" value="{{ '{:,.0f}'.format(rendicion[6] or 0).replace(',', '.') }}" oninput="calcTotalEdit({{ rendicion[0] }})" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Efectivo</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">$</span>
|
|
<input type="text" class="form-control money-input" id="edit_efectivo_{{ rendicion[0] }}" name="venta_efectivo" value="{{ '{:,.0f}'.format(rendicion[7] or 0).replace(',', '.') }}" oninput="calcTotalEdit({{ rendicion[0] }})" required>
|
|
</div>
|
|
</div>
|
|
|
|
{% set total_declarado_actual = (rendicion[4] or 0) + (rendicion[5] or 0) + (rendicion[6] or 0) + (rendicion[7] or 0) %}
|
|
<div class="col-12 mt-3 bg-body-secondary p-3 rounded border border-secondary-subtle">
|
|
<div class="d-flex justify-content-between pb-2">
|
|
<span class="text-body-secondary">Total Declarado (Original):</span>
|
|
<span class="text-body-secondary">${{ "{:,.0f}".format(total_declarado_actual).replace(',', '.') }}</span>
|
|
</div>
|
|
<div class="d-flex justify-content-between pt-2 border-top border-secondary-subtle">
|
|
<strong class="text-info">Nuevo Total Declarado:</strong>
|
|
<strong class="text-info fs-5" id="display_nuevo_total_{{ rendicion[0] }}">${{ "{:,.0f}".format(total_declarado_actual).replace(',', '.') }}</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 mt-4">
|
|
<label class="form-label text-danger">Gastos</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text">$</span>
|
|
<input type="text" class="form-control money-input border-danger" name="gastos" value="{{ '{:,.0f}'.format(rendicion[8] or 0).replace(',', '.') }}" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 mt-4">
|
|
<label class="form-label">Observaciones</label>
|
|
<textarea class="form-control" name="observaciones" rows="1">{{ rendicion[9] }}</textarea>
|
|
</div>
|
|
</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">Guardar Cambios</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro reportes_menu_modal(modulo_id, modulo_name) %}
|
|
<div class="modal fade" id="reportMenuModal{{ modulo_id }}" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Reportes: <span class="text-info">{{ modulo_name }}</span></h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body bg-body-tertiary text-start">
|
|
<div class="row g-4 mt-1 mb-3">
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100 hover-card">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="bg-primary text-white rounded p-3 me-3">
|
|
<i class="bi bi-cash-coin fs-4"></i>
|
|
</div>
|
|
<h5 class="card-title mb-0">Detalle de Ventas</h5>
|
|
</div>
|
|
<p class="text-muted small flex-grow-1">Análisis detallado de ventas diarias, productos vendidos y consolidado mensual.</p>
|
|
<a href="{{ url_for('report_modulo_periodo', modulo_id=modulo_id) }}" class="btn btn-primary w-100 mt-3">Generar Reporte</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100 hover-card">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="bg-success text-white rounded p-3 me-3">
|
|
<i class="bi bi-percent fs-4"></i>
|
|
</div>
|
|
<h5 class="card-title mb-0">Comisiones</h5>
|
|
</div>
|
|
<p class="text-muted small flex-grow-1">Cálculo de comisiones generadas por los trabajadores en este módulo.</p>
|
|
<button class="btn btn-outline-success w-100 mt-3" onclick="alert('Reporte en construcción')">Generar Reporte</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100 hover-card">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="bg-warning text-dark rounded p-3 me-3">
|
|
<i class="bi bi-clock-history fs-4"></i>
|
|
</div>
|
|
<h5 class="card-title mb-0">Control de Horarios</h5>
|
|
</div>
|
|
<p class="text-muted small flex-grow-1">Registro de horas de entrada y salida de los trabajadores y acompañantes.</p>
|
|
<button class="btn btn-outline-warning w-100 mt-3" onclick="alert('Reporte en construcción')">Generar Reporte</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100 hover-card">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="bg-info text-dark rounded p-3 me-3">
|
|
<i class="bi bi-building fs-4"></i>
|
|
</div>
|
|
<h5 class="card-title mb-0">Centros Comerciales</h5>
|
|
</div>
|
|
<p class="text-muted small flex-grow-1">Reporte de datos exigidos por la administración del centro comercial.</p>
|
|
<button class="btn btn-outline-info w-100 mt-3" onclick="alert('Reporte en construcción')">Generar Reporte</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100 hover-card">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="bg-secondary text-white rounded p-3 me-3">
|
|
<i class="bi bi-calculator fs-4"></i>
|
|
</div>
|
|
<h5 class="card-title mb-0">Cálculo de IVA</h5>
|
|
</div>
|
|
<p class="text-muted small flex-grow-1">Proyección de impuestos basados en las ventas declaradas.</p>
|
|
<button class="btn btn-outline-secondary w-100 mt-3" onclick="alert('Reporte en construcción')">Generar Reporte</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100 hover-card">
|
|
<div class="card-body d-flex flex-column">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div class="bg-danger text-white rounded p-3 me-3">
|
|
<i class="bi bi-shield-exclamation fs-4"></i>
|
|
</div>
|
|
<h5 class="card-title mb-0">Robos y Mermas</h5>
|
|
</div>
|
|
<p class="text-muted small flex-grow-1">Cuadratura de inventario y registro de pérdida de productos.</p>
|
|
<button class="btn btn-outline-danger w-100 mt-3" onclick="alert('Reporte en construcción')">Generar Reporte</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %} |