{# ----------------------------
------------ ITEMS ------------
-------------------------------
    exibir_por_linha (12 | 6)
    com_categoria (true | false)
    - sem categoria
        arquivos
    - com categoria
        categorias
---------------------------- #}

{% set item = item %}

<div class="Secao-arquivos">
	{% if item.com_categoria == 'sim' %}
		<div x-data="{ categoria: '0' }">
			<div class="filtro-categorias">
				<p>Filtrar por:</p>
				<div class="seletor">
					<select name="categoria" @change="categoria = $event.target.value">
						{% for key, categoria in item.categorias %}
							<option value="{{ key }}">
								{{ categoria.titulo }}
							</option>
						{% endfor %}
					</select>
				</div>
			</div>

			{% for key, cat in item.categorias %}
				<div x-show="categoria === '{{ key }}'">
					{% include "componentes/lista-arquivos.twig" with {
                        arquivos: cat.arquivos,
                        exibir_por_linha: item.exibir_por_linha
                    } only %}
				</div>
			{% endfor %}
		</div>

	{% else %}
		{% include "componentes/lista-arquivos.twig" with {
        arquivos: item.arquivos, exibir_por_linha: item.exibir_por_linha
        } only %}
	{% endif %}
</div>