@extends('frontend::layouts.app')

@section('content')
    <section id="page-title" class="gradient-green">
        <div class="container">
            <div class="page-title">
                <h1>{{ $data['activity_category']['list'][0]['name'] ?? '' }}</h1>
            </div>
            <div class="breadcrumb">
                <ul>
                    <li><a href="{{ mwz_route('frontend.index') }}">{{ __('frontend::common.home') }}</a></li>
                    <li><a href="{{ $data['activity']['url'] ?? '#' }}">{{ $data['activity']['name'] ?? '' }}</a></li>
                    <li class="active">{{ $data['activity_category']['list'][0]['name'] ?? '' }}</li>
                </ul>
            </div>
        </div>
    </section>

    <!-- Activities Section -->
    <section class="py-16 md:py-24 bg-background" style="background: url('{{ asset('assets/frontend/images/bg-dots.jpg') }}') center center; background-size: contain;">
        <div class="mx-auto max-w-7xl px-6 lg:px-8">
            <livewire:frontend.activities-list :categoryId="$data['activity_category']['list'][0]['id'] ?? 0" />
        </div>
    </section>
@endsection