@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">
                        <div class="info">
                            <a href="{{ $category['url'] }}" title="{{ $category['current_description']['name'] }}">
                                <div class="date">
                                    <span>{{ $category['current_description']['name'] }}</span>
                                </div>
                            </a>
                            @foreach($category['articles'] as $article)
                                <a href="{{ $article->url }}" title="{{ $article->currentDescription->title }}">
                                    <h5 style="font-size: 13px;" >* {{ $article->currentDescription->title }}</h5>
                                </a>
                                <br>
                            @endforeach
                            <small style="height: 25px;">
                                <a href="{{ $category['url'] }}" title="{{ $category['current_description']['name'] }}">{{ __('main.more') }}</a></small>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

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

@endsection

@section('content_js')

@endsection
