@extends('web.layouts.layout')

@section('content')

<section class="news section-padding">
    <div class="container">
        <div class="content">
            <!-- our projects -->
            <div class="row">
                @foreach($articles as $article)
                <div class="col-lg-4">
                    <div class="items wow zoomIn">
                        <div class="img">
                            <a href="{{ $article->url }}" title="{{ $article->currentDescription->title }}">
                                <img src="{{ $article->main_photo }}" alt="{{ $article->currentDescription->title }}">
                            </a>
                        </div>
                        <div class="info">
                            <div class="date">
                                {{ $article->date }}
                            </div>
                            <a href="{{ $article->url }}" title="{{ $article->currentDescription->title }}">
                                <h5>{{ $article->currentDescription->title }}</h5>
                            </a>
                            <small>{{ wordLimit($article->currentDescription->description) }} 
                                <a href="{{ $article->url }}" title="{{ $article->currentDescription->title }}">{{__('main.more') }}</a></small>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            
            @if( count( $articles ) && $articles->hasPages() )
                <div class="text-center"> {{ $articles->links() }} </div>
            @endif
        </div>
    </div>
</section>

@endsection

@section('content_js')

@endsection