{{-- News and forum columns --}}
<div class="row news-row">
    <div class="col-sm-6">
    @php
        use Carbon\Carbon;
        use Illuminate\Support\Str;
    @endphp
        @forelse ($forumNews as $item)
            <div class="panel panel-skinbase effect2">
                <div class="panel-heading"><h4 class="panel-title">{{ $item->topic }}</h4></div>
                <div class="panel-body">
                    <div class="text-muted news-head">
                        Written by {{ $item->uname }} on {{ Carbon::parse($item->post_date)->format('j F Y \@ H:i') }}
                    </div>
                    {{ Str::limit(strip_tags($item->preview ?? ''), 240, '...') }}
                    <br>
                    <a class="clearfix btn btn-xs btn-info" href="{{ route('forum.thread.show', ['thread' => $item->topic_id, 'slug' => Str::slug($item->topic ?? '')]) }}" title="{{ strip_tags($item->topic) }}">More</a>
                </div>
            </div>
        @empty
            <p>No forum news available.</p>
        @endforelse
    </div>
    <div class="col-sm-6">
        @forelse ($ourNews as $news)
            <div class="panel panel-skinbase effect2">
                <div class="panel-heading"><h3 class="panel-title">{{ $news->headline }}</h3></div>
                <div class="panel-body">
                    <div class="text-muted news-head">
                        <i class="fa fa-user"></i> {{ $news->uname }}
                        <i class="fa fa-calendar"></i> {{ Carbon::parse($news->create_date)->format('j F Y \@ H:i') }}
                        <i class="fa fa-info"></i> {{ $news->category_name }}
                        <i class="fa fa-info"></i> {{ $news->views }} reads
                        <i class="fa fa-comment"></i> {{ $news->num_comments }} comments
                    </div>

                    @if (!empty($news->picture))
                        @php $nid = floor($news->news_id / 100); @endphp
                        <div class="col-md-4">
                            <img src="/archive/news/{{ $nid }}/{{ $news->picture }}" class="img-responsive" alt="{{ $news->headline }}">
                        </div>
                        <div class="col-md-8">
                            {!! $news->preview !!}
                        </div>
                    @else
                        {!! $news->preview !!}
                    @endif

                    <a class="clearfix btn btn-xs btn-info text-white" href="/news/{{ $news->news_id }}/{{ Str::slug($news->headline ?? '') }}">More</a>
                </div>
            </div>
        @empty
            <p>No news available.</p>
        @endforelse

        {{-- Site info --}}
        <div class="panel panel-default">
            <div class="panel-heading"><strong>Info</strong></div>
            <div class="panel-body">
                <h4>Photography, Wallpapers and Skins... Thats Skinbase</h4>
                <p>Skinbase is the site dedicated to <strong>Photography</strong>, <strong>Wallpapers</strong> and <strong>Skins</strong> for <u>popular applications</u> for every major operating system like Windows, Mac OS X, Linux, iOS and Android</p>
                <em>Our members every day uploads new artworks to our site, so don&apos;t hesitate and check Skinbase frequently for updates. We also have forum where you can discuss with other members with anything.</em>
                <p>On the site toolbar you can click on Categories and start browsing our atwork (<i>photo</i>, <i>desktop themes</i>, <i>pictures</i>) and of course you can <u>download</u> them for free!</p>
                <p>We are also active on all major <b>social</b> sites, find us there too</p>
            </div>
        </div>

        {{-- Latest forum activity --}}
        <div class="panel panel-default activity-panel">
            <div class="panel-heading"><strong>Latest Forum Activity</strong></div>
            <div class="panel-body">
                <div class="list-group effect2">
                    @forelse ($latestForumActivity as $topic)
                        <a class="list-group-item" href="{{ route('forum.thread.show', ['thread' => $topic->topic_id, 'slug' => Str::slug($topic->topic ?? '')]) }}">
                            {{ $topic->topic }} <span class="badge badge-info">{{ $topic->numPosts }}</span>
                        </a>
                    @empty
                        <p>No recent forum activity.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
