@extends('frontEnd.layout-ex')

@section('content')

    <section class="pager-section overlay">
        <div class="container">
            <div class="main-banner-content p-relative">
                <div class="social-links">
                    <ul>
                        <li><a href="https://www.facebook.com/theblackstoryproject" title=""><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/theblackstoryproject/" title=""><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div><!--social-links end-->
                <div class="pager-content">
                    <ul class="breadcrumb-list">
                        <li><a href="#" title="">Home</a></li>
                        <li><span>Artworks</span></li>
                    </ul><!--breadcrumb end-->
                    <h2 class="page-title">Artworks</h2>
                </div><!--pager-content end-->
            </div><!--main-banner-content end-->
        </div>
    </section><!--pager-section end-->


    <section class="block">
        <div class="container">
            <div class="posts">
                <div class="row">


                    @foreach($artworks as $art)
                        <div class="col-lg-3 col-md-3 col-sm-6">
                            <div class="post art-post">
                                <div class="post-thumbnail">
                                    <img src="@if($art->photo_file){{asset('uploads/topics/').'/'.$art->photo_file}}@else{{'https://via.placeholder.com/444x344'}} @endif" alt="" class="w-100 w-100-12">
                                </div>
                                <div class="post-info art-heading">
                                    <h4><a href="{{url('artworks/'.str_slug($art->title_en).'/'.$art->id)}}" title="">{{$art->title_en}}</a></h4>
                                </div>
                            </div><!--post end-->
                        </div>

                    @endforeach

                </div>
            </div><!--posts end-->
            @include('frontEnd.includes.paginator', ['paginator' => $artworks, 'link_limit' => 6])

        </div>
    </section>


@endsection