<div class="articles-filter-block articles-filter-block--{{ $block->article_type }} block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}"
    data-controller="blocks/articles-filter-block"
    data-type="{{ $block->article_type }}"
    data-redirect-path="{{ $redirectPath }}"
    data-filters="{{ json_encode($filters) }}">
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="articles-filter-block__wrapper">
        <div class="articles-filter-block__container">
            @if($block->block_title)
                <h1 class="articles-filter-block__title">
                    @title($block->block_title)
                </h1>
            @endif
            @if($block->block_subtitle)
                <p class="articles-filter-block__subtitle">
                    @title($block->block_subtitle)
                </p>
            @endif
            @if(!empty($filters))
                <div class="articles-filter-block__filters">
                    @foreach($filters as $filter)
                        <div
                            class="articles-filter-block__filter articles-filter-block__filter--{{ $filter['id'] }} @if(!empty($filter['parent'])) js-disabled @endif"
                            data-role="filter"
                            data-id="{{ $filter['id'] }}"
                        >
                            <div class="articles-filter-block__filter-wrapper">
                                <a class="articles-filter-block__filter-open" data-role="openFilter">
                                    <span class="articles-filter-block__filter-selected-item" data-role="selected">{{ $filter['name'] }}</span>
                                </a>
                                <div class="articles-filter-block__filter-options" data-role="options">
                                    @if(!empty($filter['parent']))
                                        @foreach($filters[$filter['parent']]['values'] as $parentValue)
                                            @if($parentValue['id'] != "")
                                                <ul class="articles-filter-block__child-options" data-parent="{{ $parentValue['id'] }}">
                                                    @foreach($filter['values'][$parentValue['id']] as $value)
                                                        <li>
                                                            <a
                                                                class="articles-filter-block__filter-option"
                                                                data-value="{{ $value['id'] }}"
                                                                data-label="{{ $value['label'] }}"
                                                                data-filter="{{ $filter['id'] }}"
                                                                data-action="filter"
                                                            >
                                                                {{ $value['label'] }}
                                                            </a>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            @endif
                                        @endforeach
                                    @else
                                        <ul>
                                            @foreach($filter['values'] as $value)
                                                <li>
                                                    <a
                                                        class="articles-filter-block__filter-option"
                                                        data-value="{{ $value['id'] }}"
                                                        data-label="{{ $value['label'] }}"
                                                        data-filter="{{ $filter['id'] }}"
                                                        data-action="filter"
                                                    >
                                                        {{ $value['label'] }}
                                                    </a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif

        </div>
    </div>
</div>
