@extends('news.layouts.app')

@section('content')
<div class="row">

    <!-- LEFT SIDEBAR -->
    <div class="col-md-3">
        <div class="list-group shadow-sm">
            <div class="list-group-item fw-bold">Sections</div>

            <a class="list-group-item">Topic Headlines</a>
            <a class="list-group-item">Topic News By Section</a>
            <a class="list-group-item">Local Headlines (Geo)</a>
            <a class="list-group-item">Full Story Coverage</a>
            <a class="list-group-item">Language List</a>
        </div>
    </div>

    <!-- RIGHT CONTENT -->
    <div class="col-md-9">

        <!-- Topic Headlines -->
        <h5 class="mb-3">Topic Headlines</h5>
        <div class="row">
            @foreach($headlines as $news)
                @include('news.partials.card', ['news' => $news])
            @endforeach
        </div>

        <hr>

        <!-- Topic News -->
        <h5 class="mb-3">Technology News</h5>
        <div class="row">
            @foreach($topicNews as $news)
                @include('news.partials.card', ['news' => $news])
            @endforeach
        </div>

        <hr>

        <!-- Local Headlines -->
        <h5 class="mb-3">Local Headlines</h5>
        <div class="row">
            @foreach($localNews as $news)
                @include('news.partials.card', ['news' => $news])
            @endforeach
        </div>

    </div>
</div>
@endsection
