{% extends "home.html" %}
{% load static %}

{% block extra_css %}
<!-- Estilos propios de usuarios -->
<link rel="stylesheet" href="{% static 'organigrama/css/style.css' %}">
{% endblock %}

{% block content %}
<main class="solicitudes-page">
    <div class="container-fluid">
        <div id="user-app-container">
            <div class="content-card">
                <header class="content-card-header">
                    <h1 class="content-card-title">
                        Áreas
                    </h1>
                </header>
                <div class="content-card-body">
                    <div id="Grid">
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
{% endblock %}

{% block extra_js %}
{{ gerencias|json_script:"gerencias-data" }}
<script>
    const areasDataUrl = "{% url 'organigrama:areas_data' %}";
    const gerencias = JSON.parse(document.getElementById('gerencias-data').textContent);
    const csrfToken = "{{ csrf_token }}";
</script>
<script src="{% static 'organigrama/js/main.js' %}"></script>
{% endblock %}