{{-- example/content --}}

{{-- breadcrumb --}}
@component('breadcrumb_component', [
    // form config here
    'page_name' => $page_name,
    'slug' => $slug,
    'url' => $url
])
{{-- slot --}}
@endcomponent

<div class="card-content-default"
    style="margin: 0rem 0rem 0rem 0rem; padding: 0rem 1rem 1rem 1rem; box-shadow: 0 3px 8px 0 rgba(0, 0, 0);">

    {{-- caption --}}
    <div class="container-caption" style="margin-bottom:1rem;">

        {{-- top content --}}
        @component('widget.banner_component', [
            // form config here
            'banner_widgets' => $banner_widgets,
        ])
        {{-- slot --}}
        @endcomponent

    </div>
    {{-- end caption --}}

    {{-- don't add slash div in here! --}}


<div class="container">
    <div class="row">

        {{-- left layout main menu --}}

        <div class="col-12 col-md-8">
            <div class="card-content-default" style="margin: 1rem 0rem 0rem 0rem; padding: 1rem 1rem 1rem 1rem;">
                <h2 class="postheader"><i class="bx bx-news"></i>&nbsp;Kegiatan</h2>

                {{-- result --}}
                <div class="card-content">
                    <div class="card-body">
                        @foreach ($values as $value)
                        <div class="col-md border-bottom">
                            <br>
                            <i class="bx bx-file"></i><a href="{{ url('article/' . $value->slug) }}"
                                style="color: #056e4f;">&nbsp;{{ $value->title }}</a>
                        </div>
                        @endforeach
                    </div>
                </div>
                {{-- end result --}}

            </div>
            {{-- end start edit example from here --}}
        </div>

        @component('widget_component', [
            // form config here
            'activities' => $activities,
            'links' => $links,
            'visits' => $visits,
        ])
        {{-- slot --}}
        @endcomponent

    </div>