@extends('web.layouts.layout')

@section('content')

<section class="news section-padding">
    <div class="container">
        <div class="content">
            <!-- our projects -->
            <div class="row">
                @foreach($categories as $category)
                <div class="col-lg-4">
                    <div class="items wow zoomIn">
                        {{--<div class="img">
                            <img src="{{ $category['image'] }}" alt="{{ $category['title'] }}">
                        </div> --}}
                        <div class="info">
                            <a href="{{ $category['route'] }}">
                                <div class="date">
                                    <span>{{ $category['name'] }}</span>
                                </div>
                            </a>
                            @foreach($category['articles'] as $article)
                                <a href="{{ $article['route'] }}">
                                    <h5 style="font-size: 13px;" >* {{ $article['title'] }}</h5>
                                </a>
                            @endforeach
                            <small style="height: 25px;"><a href="{{ $category['route'] }}">See More</a></small>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

        </div>
    </div>
</section>

@endsection

@section('content_js')

@endsection
