{% extends "base.html" %}
{% block title %}Logs SOAP{% endblock %}

{% block content %}
<h2 class="mb-3"><i class="bi bi-list-ul"></i> Logs del web service</h2>

<div class="card shadow-sm mb-3">
    <div class="card-body">
        <div class="row g-2">
            <div class="col-md-4">
                <select id="fMetodo" class="form-select">
                    <option value="">Todos los metodos</option>
                    <option>RegistrarEmpresa</option>
                    <option>IngresoEmpresa</option>
                    <option>ValidarEmpresa</option>
                    <option>RegistrarLicencia</option>
                    <option>ValidarLicenciaMensual</option>
                    <option>InactivarLicencia</option>
                </select>
            </div>
            <div class="col-md-4">
                <input type="text" id="fNit" class="form-control" placeholder="Filtrar por NIT...">
            </div>
            <div class="col-md-4">
                <button class="btn btn-primary w-100" id="btnFiltrar">
                    <i class="bi bi-funnel"></i> Filtrar
                </button>
            </div>
        </div>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover table-sm mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Fecha</th>
                        <th>Metodo</th>
                        <th>NIT</th>
                        <th>IP</th>
                        <th>Equipo</th>
                        <th class="text-center">Resultado</th>
                        <th>Mensaje</th>
                        <th class="text-end">ms</th>
                    </tr>
                </thead>
                <tbody id="tblLogs">
                    <tr><td colspan="8" class="text-center text-muted py-4">Cargando...</td></tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer d-flex justify-content-between align-items-center">
        <span class="text-muted small"><span id="totalCount">0</span> registros</span>
        <nav><ul class="pagination pagination-sm mb-0" id="paginacion"></ul></nav>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='js/logs.js') }}"></script>
{% endblock %}