<!-- Archivo: DMDepartament.html -->
<!-- Ruta: src\templates\SupYCtrol\DataMaster\DMDepartament.html -->
<!-- Lenguaje: HTML -->

{% extends "layout.html" %}

{% block title %}Gestión de Departamentos - Data Master{% endblock %}

{% block content %}
<main class="page">
    <section class="clean-block clean-form dark">
        <div class="container">
            <div class="block-heading">
                <h2 class="text-info">Gestión de Departamentos</h2>
                <p>Administre los departamentos de las divivisiones de las compañías registradas en el sistema.</p>
            </div>

            <!-- Indicador de carga -->
            <div id="loading-indicator" style="display: none; text-align: center; margin-top: 10px;">
                <span class="spinner-border text-primary" role="status" aria-hidden="true"></span>
                <span>Cargando...</span>
            </div>

            <!-- Tabla para listar las compañías -->
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Departamento</th>
                        <th>IDCompañia</th>
                        <th>IDDivisión</th>
                    </tr>
                </thead>
                <tbody id="departamentTableBody">
                    <!-- Los datos se cargarán dinámicamente con JavaScript -->
                </tbody>
            </table>
        </div>
    </section>
</main>


<script src="{{ url_for('static', filename='js/SupYCtrol/DataMaster/DMDepartament.js') }}"></script>
{% endblock %}
