{% extends 'base.html' %}
<!-- {# inicio título dinámico #} -->
{% block title %}Mapa Sitios Instalados | SICT{% endblock %}
<!-- {# fin título dinámico #}  -->
{% block recursos %}

<!-- {# inicio cdn leaflet #} -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
<!-- {# fin cdn leaflet #} -->

<!-- {# inicio css mapa #} -->
<link rel="stylesheet" href="{{url_for('static', filename='css/mapa.css')}}" />
<!-- {# fin css mapa #} -->

{% endblock %} {% block content %}





<div id="tableContainerSitios">


    <div id="contImgDownloads">
        <b id="nsitios"></b>
        <img id="csvDescarga" src="{{url_for('static', filename='imgs/export_csv.png')}}" alt="" width="60px" />
        <img id="jsonDescarga" src="{{url_for('static', filename='imgs/json_file.png')}}" alt="" width="60px" />
        <img id="txtDescarga" src="{{url_for('static', filename='imgs/txt_file.png')}}" alt="" width="60px" />
    </div>

    <table id="tableSitios">
        <thead>
            <tr>
                <th class="centerText">Estado</th>
                <th class="centerText specialWidth">Sitios</th>
            </tr>
        </thead>
        <tbody id="dataSitiosInstalados"></tbody>
    </table>
</div>
<div id="map"></div>



<script src="{{url_for('static', filename='js/mapa.js')}}" type="module"></script>

{% endblock %}