@include('acts::activity_activity_area.partial.header')

            <section class="grid">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            @include('acts::activity_activity_area.partial.aside')
                        </div>
                        <div class="col-md-9 ">
                            <div class="main-area parent-border list-item">
                                @foreach($activity_activity_areas as $activity_activity_area)
                                <div class="item border">
                                    <div class="feature">
                                        <a href="{{trans_url('activity_activity_areas')}}/{{@$activity_activity_area['slug']}}">
                                            <img src="{{url($activity_activity_area->defaultImage('images'))}}" class="img-responsive center-block" alt="">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <h4><a href="{{trans_url('activity_activity_area')}}/{{$activity_activity_area['slug']}}">{{str_limit($activity_activity_area['title'], 300)}}</a> 
                                        </h4>
                                        <div class="metas mt20">
                                            <div class="tag pull-left">
                                                <a href="#" class="">Seo Tips</a>
                                            </div>
                                            <div class="date-time pull-right">
                                                <span><i class="fa fa-comments"></i>{{@$activity_activity_area->viewcount}}</span>
                                                <span><i class="fa fa-calendar"></i>{{format_date($activity_activity_area['posted_on'])}}</span>
                                            </div>
                                        </div>
                                        <div class="divider"></div>
                                        <div class="author">
                                            <div class="avatar pull-left">
                                                {{@$activity_activity_area->user->badge}}
                                            </div>
                                            <div class="actions">
                                                

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


                                @endforeach
                            </div>
                            <div class="pagination text-center">
                            {{ $activity_activity_areas->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </section>