@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-8 col-md-8 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-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="ast_team_box flag">
                      <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>
                    </div>
                  </div>
                @endforeach
              </div>

            </div>

              <hr>

              <div class="styled-pagination clearfix">
                {{ $articles->links('vendor.pagination.mobile') }}
              </div>
            </div>
            <!--Sidebar Side-->
            <div class="sidebar-side col-lg-4 col-md-4 col-sm-12 col-xs-12">
              <aside class="sidebar default-sidebar right-sidebar">
                <!--Adds Widget-->

                <!--Ends Adds Widget-->
                <!--News Post Widget-->

              </aside>
            </div>
          </div>
        </div>
      </div>
    @endsection
    @section('scripts')
    @endsection