@extends('layouts.app')

@section('page-title', "Home - " . config('app.name') )

@section('content')

    @include('activity.latest-news')
    @include('activity.featured-entries')

<div class="activity-tl-header" x-data x-init="$store.settings.currentActivityFilters = {{ Js::from($activeFilters) }};">

    <h2 class="activity-tl-title">
        <i data-lucide="radio-tower" size="18"></i>
        Latest activity
    </h2>
    <div class="activity-tl-filters">
        @foreach($viewFilters as $key => $config)
            <button
                class="activity-tl-filter {{ in_array($key, $activeFilters) ? 'active' : '' }}"
                data-filter="{{ $key }}"
                x-data
                @click="$store.settings.toggleActivityFilter('{{$key}}');$el.classList.toggle('active');">
                <i data-lucide="{{ $config['icon'] }}" size="12"></i>
                {{ $config['label'] }}
            </button>
        @endforeach

    </div>
</div>

    @include('activity.timeline')
@endsection