@extends('layouts.landing')

@section('title')
    {{ __('message.Berita') }}
@endsection

@section('content')
    <style>
        p {
            margin-bottom: 0px !important;
        }

        .text-secondery {
            color: #9d9d9d !important;
        }
    </style>
    <section class="wrapper bg-light">
        <div class="container pt-20 pt-md-20 pb-10 py-14 py-md-16">
            <!-- /.row -->
            <div class="grid grid-view projects-masonry">
                <div class="row gx-md-8 gy-10 gy-md-13 isotope">
                    @forelse ($news as $key => $value)
                        <a class="project item col-md-6 col-xl-4" href="{{ $value->url }}" target="_blank"
                            style="border: 1px solid #cfcfcf; border-radius: 20px; padding: 30px;">
                            <img class="mb-5" src="{{ asset('uploads/news/' . $value->images) }}" width="200"
                                height="30" />
                            <div class="project-details d-flex justify-content-center flex-column flex-grow-1">
                                <div class="post-header">
                                    <h1 class="h1 text-primary">
                                        {{ Str::words($value->title, 6, '...') }}
                                    </h1>
                                </div>
                                <div class="text-secondery">
                                    {!! Str::words($value->description, 10, '...') !!}
                                </div>
                                <!-- /.post-header -->
                            </div>
                            <!-- /.project-details -->
                        </a>
                    @empty
                        <p class="text-center">{{ __('message.Tidak ada data') }}</p>
                    @endforelse
                </div>
                <!-- /.row -->
            </div>
            <!-- /.grid -->
            @if ($news->hasPages())
                <div class="row">
                    <div class="col">
                        {{ $news->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            @endif
        </div>
        <!-- /.container -->
    </section>
    <!-- /section -->
@endsection