@php
    $blogs = get_the_contents('blog');
@endphp
<div style="background: linear-gradient(280.41deg, #023E62 81.84%, #FFFFFF 131.81%); padding-top: 3rem; padding-bottom: 3rem;">
    <div class="w-full px-4 xl:w-3/4 2xl:w-3/5 mx-auto text-white">
        <h2 class="text-4xl font-semibold text-center md:text-start" style="margin-bottom: 2rem; font-family: initial;" data-aos="fade-up" data-aos-duration="500">Our Team News</h2>
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-12" data-aos="fade-up" data-aos-duration="1000">
            @if(isset($blogs['list']) && (is_array($blogs['list']) || is_object($blogs['list'])) && count($blogs['list']) > 0)
                @foreach($blogs['list'] as $blog_data)
                    @php
                        if($blog_data->authorUser){
                            $image = $blog_data->authorUser->avatar;
                            $name = $blog_data->authorUser->name;
                            $title = $blog_data->authorUser->title;
                        }
                    @endphp
                    <div class="grid gap-8">
                        @if(get_the_field($blog_data, 'thumbnail-image'))
                            <img src='{{get_the_field($blog_data, 'thumbnail-image')}}' class="w-full" />
                        @else
                            <img src="http://bulma.io/images/placeholders/1280x960.png" alt="Image">
                        @endif
                        <h3 class="text-2xl">{!! strip_tags(get_field($blog_data, 'title')) !!}</h3>
                        <p>{!! substr(strip_tags(get_field($blog_data, 'content')), 0, 140); !!}....</p>
                        <div class="flex justify-self-end items-center text-tertiary gap-4">
                            <a href="{{url('/blog/'.$blog_data->permalink)}}" class="flex items-center gap-2 !text-white" style="color: white">Read more<i class="fa-solid fa-chevron-right"></i></a>
                        </div>
                    </div>
                @endforeach
            @else
            @endif
            @if($blogs && isset($blogs['list']))
                {{$blogs['list']}}
            @endif
        </div>
    </div>
</div>