@if (request()->segment(2) == 'hi')
    @foreach($blogs as $blog)
        <div class="col-lg-4 col-sm-6 mb-4">
            <div class="border border-1 h-100 rounded-3">
                @if(!is_null($blog->media))
                    <a href="/blog/hi/{{ $blog->Slug }}">
                        <img class="img-fluid w-100 d-block mx-auto" src="{{ $blog->media->thumbnail_url }}" alt="{{ $blog->Title }}" />
                    </a>
                @else
                    <a href="/blog/hi/{{ $blog->Slug }}">
                        <img class="img-fluid w-100 d-block mx-auto" src="{{ asset('img/default-blog.jpeg') }}" alt="{{ $blog->Title }}">
                    </a>
                @endif
                <div class="px-md-3 px-2 pb-md-3 pb-3">
                    <h3 class="f-16 f-sm-16 mb-2 mt-1 clr5c">
                        <a href="/blog/hi/{{ $blog->Slug }}" class="clr5c underline-none blog-link-text fw-500">
                            {{ $blog->Title }}
                        </a>
                    </h3>
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="pe-md-2 pe-2">
                            <p class="f-14 f-sm-14 clr5c  me-2 mb-0">{{ $blog->doctorInfo->DoctorName ?? '' }}</p>
                        </div>
                    </div>
                    <span class="{{ count($blog->specialities) ? "rounded-pill bgBlueLight clrBlueDark" : "" }} mt-2 d-inline-block f-14 px-3 py-1">
                        @if(count($blog->specialities))
                            {{ $blog->specialities[0]->SpecialityName }}
                        @endif
                    </span>

                </div>
            </div>
        </div>
    @endforeach
@else
    @foreach($blogs as $blog)
        <div class="col-lg-4 col-sm-6 mb-4">
            <div class="border border-1 h-100 rounded-3">
                @if(!is_null($blog->media))
                    <a href="{{ route('blogs.show', $blog->Slug) }}">
                        <img class="img-fluid w-100 d-block mx-auto" src="{{ $blog->media->thumbnail_url }}" alt="{{ $blog->Title }}" />
                    </a>
                @else
                    <a href="{{ route('blogs.show', $blog->Slug) }}">
                        <img class="img-fluid w-100 d-block mx-auto" src="{{ asset('img/default-blog.jpeg') }}" alt="{{ $blog->Title }}">
                    </a>
                @endif
                <div class="px-md-3 px-2 pb-md-3 pb-3">
                    <h3 class="f-16 f-sm-16 mb-2 mt-1 clr5c">
                        <a href="{{ route('blogs.show', $blog->Slug) }}" class="clr5c underline-none blog-link-text fw-500">
                            {{ $blog->Title }}
                        </a>
                    </h3>
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="pe-md-2 pe-2">
                            <p class="f-14 f-sm-14 clr5c  me-2 mb-0">{{ $blog->doctorInfo->DoctorName ?? '' }}</p>
                        </div>
                    </div>
                    <span class="{{ count($blog->specialities) ? "rounded-pill bgBlueLight clrBlueDark" : "" }} mt-2 d-inline-block f-14 px-3 py-1">
                        @if(count($blog->specialities))
                            {{ $blog->specialities[0]->SpecialityName }}
                        @endif
                    </span>

                </div>
            </div>
        </div>
    @endforeach
@endif