@php
    $home_layout = get_field('home_layout');
@endphp

@if ($home_layout['articles'])
    <div class="home-layout-custom">
        @foreach ($home_layout['articles'] as $article)
            @php
                $cell_width = $article['home_article_grid_columns'];
                $post_size = $article['size'];
                $post = $article['home_article'];
            @endphp
            <div class="custom-cell home-post {{$post_size}} {{$cell_width}}">
                @if (has_post_thumbnail($post))
                    <a data-router-disabled href="{{get_the_permalink($post)}}">
                        <figure>
                            {!! get_the_post_thumbnail($post, 'large') !!}
                        </figure>
                    </a>
                @endif
                <div class="post-info">
                   <div class="post-info__title">
                       @php
                           $post_cat = get_the_terms($post, 'category');
                       @endphp
                       @if ($post_cat)
                           <div class="post-cats">
                               @foreach ($post_cat as $cat)
                                   <span><a href="{{ get_term_link($cat) }}">{!! $cat->name !!}</a></span>
                               @endforeach
                           </div>
                       @endif
                    <h3><a href="{{get_the_permalink($post)}}">{!! get_the_title($post) !!}</a></h3>
                   </div>
                   <p class="post-excerpt">
                        @switch($cell_width)
                            @case('half')
                                {!! App::limit_excerpt($post, 15) !!}
                                @break
                            @case('two_thirds')
                                {!! App::limit_excerpt($post, 30) !!}
                                @break
                            @default
                              {!! App::limit_excerpt($post, 16) !!}
                        @endswitch
                   </p>
                </div>
            </div>
        @endforeach
    </div>
@endif