@extends('master')

@section('content')
    <main class="wrapper">

        <section id="blogs" data-scroll-index="5" class="section portfolio-section gray-bg">
            <div class="container" style="margin-top: 75px">
                <div class="section-heading">
                    <h3>
                        <span>{{ __('Blog Yazıları') }}</span>
                    </h3>
                </div>
                <div class="lightbox-gallery">

                    @foreach($blogs as $blog)
                        <div class="portfolio-row">
                            <div class="row align-items-center g-0 flex-row-reverse">
                                <div class="col-sm-6 col-lg-6">
                                    <div class="portfolio-img">
                                        <img src="{{ Storage::url($blog->_get('cover')) }}" title="{{ $blog->_get('title') }}" alt="{{ $blog->_get('description') }}">
                                        <a class="gallery-link" href="{{ Storage::url($blog->_get('cover')) }}"><i
                                                class="bi-arrow-up-right-circle"></i></a>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-5 col-xxl-4 pt-4 pt-sm-0 mx-auto">
                                    <div class="portfolio-text">
                                        <h5>{{ $blog->_get('title') }}</h5>
                                        <p>{{ $blog->_get('description') }}</p>
                                        @if(isset( $blog->fields['tags'][app()->getLocale()]) )
                                        @foreach($blog->fields['tags'][app()->getLocale()] as $tag)
                                        <h6><a class="" style="color: #6b6b6b" href="javascript:;">{{ $tag }}</a></h6>
                                        @endforeach
                                        @endif
                                        <div class="btn-bar">
                                            <a class=" px-btn" href="{{ route('blog', [
    'id' => $blog->id,
    'slug' => \Illuminate\Support\Str::slug($blog->_get('title'))
]) }}">
                                                {{ __('Detaylar') }}<i class="fa fa-plus"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                    {!! $blogs->links() !!}

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

    </main>
@endsection