@if (isset($relatedArticles) && $relatedArticles->count() > 0)
    <p class="fs-2 fw-bold text-wine text-center">Related articles</p>
    @foreach ($relatedArticles as $relatedArticle)
        <a href="{{ route('resources.article', ['id' => $relatedArticle['id_articulo'], 'slug' => Str::slug($relatedArticle['titulo'])]) }}"
            class="row d-flex justify-content-center align-items-center my-5 mx-0">
            <div class="col-md-5"
                style="border-radius: .5rem;height:200px;background-position: center;background-image: url({{ asset('/uploads/' . $relatedArticle['imagen']) }}); background-size:cover;">
            </div>
            <div class="col-md-5">
                <span class="text-dark fs-4 fw-bolder">{!! str_limit($relatedArticle['titulo'], 30) !!}</span>
                <h4 class="text-dark">{!! mb_convert_case($relatedArticle['autor'], MB_CASE_TITLE, 'UTF-8') !!}</h4>
            </div>
        </a>
    @endforeach
    @if ($relatedArticles->count() > 4)
        <a class="btn btn-outline-wine rounded-pill fs-4 ms-4" href="">Read more</a>
    @endif
    
@endif