@extends('main')
@section('styles')
@endsection
@section('page-title')
@endsection
@section('content')
  <!--Sidebar Page Container-->
  <div class="sidebar-page-container">
    <div class="auto-container">
      <div class="row clearfix">
        <!--Content Side-->
        <div class="content-side col-lg-12 col-md-12 col-sm-12 col-xs-12">
          <div class="content">
            <div class="sec-title">
              <h2>{{ __(ucfirst($section)) }}</h2>
            </div>
            <div class="row clearfix">
              @foreach ($articles as $key => $article)
                <div class="shop-item col-lg-3 col-md-4 col-sm-6 col-xs-12">
                  <div class="ast_team_box">
                    <img src="{{ asset($article->photo) }}" alt="team">
                    <h4><a href="{{ asset($article->photo) }}" class="lightbox-image" data-fancybox-group="gallery" title="{{ $article->title }}">{{ $article->title }}</a></h4>
                    {!! $article->content !!}
                  </div>
                </div>
              @endforeach
            </div>
          </div>
          <hr>
          <div class="styled-pagination clearfix">
            {{ $articles->links('vendor.pagination.mobile') }}
          </div>
        </div>
        <!--Sidebar Side-->
      </div>
    </div>
  </div>
@endsection
@section('scripts')

@endsection