+page.svelte
1.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<script>
let { data } = $props();
const entidad = data.entidad;
const gestiones = entidad.gestiones ? entidad.gestiones.split(',').map(g => g.trim()) : [];
</script>
<svelte:head>
<title>{entidad.desc_entidad} | Presupuesto Público</title>
</svelte:head>
<div class="max-w-4xl mx-auto p-4">
<p class="text-sm text-gray-500 mb-4">
<a href="/">Inicio</a> / <a href="/clasificadores/institucional">Institucional</a> / {entidad.sigla_entidad || 'Entidad'}
</p>
<h1 class="text-2xl mb-1">{entidad.desc_entidad}</h1>
{#if entidad.sigla_entidad}
<p class="text-gray-600 mb-4">{entidad.sigla_entidad}</p>
{/if}
<p class="text-sm text-gray-500 mb-6">
Código: {entidad.entidad} · {entidad.n_gestiones} años de datos
</p>
<div class="grid md:grid-cols-2 gap-4">
<div class="border rounded p-4">
<h2 class="font-bold mb-2">Clasificación</h2>
<p class="text-sm"><span class="text-gray-500">Sector:</span> {entidad.desc_sector}</p>
<p class="text-sm"><span class="text-gray-500">Subsector:</span> {entidad.desc_subsector}</p>
<p class="text-sm"><span class="text-gray-500">Área:</span> {entidad.desc_area}</p>
{#if entidad.desc_subarea !== entidad.desc_area}
<p class="text-sm"><span class="text-gray-500">Subárea:</span> {entidad.desc_subarea}</p>
{/if}
</div>
<div class="border rounded p-4">
<h2 class="font-bold mb-2">Gestiones</h2>
<div class="flex flex-wrap gap-1">
{#each gestiones as gestion}
<span class="text-xs bg-gray-100 px-2 py-1 rounded">{gestion}</span>
{/each}
</div>
</div>
</div>
<div class="border rounded p-4 mt-4">
<h2 class="font-bold mb-2">Historial de Ingresos y Gastos</h2>
<p class="text-gray-500 text-sm">Visualizaciones próximamente</p>
</div>
</div>