@extends('layouts.app')

@section('content')
    <section class="header-inner ">
        <div class="container ">
            <div class="row">
                <div class="col-12 col-md-10 mx-auto text-center text-lg-left">
                    <div class="row">
                        <div class="col-12 col-lg-10">
                            <h1>Medical News</h1>
                            <p>Latest news in healthcare jobs from across Europe</p>
                        </div>
                        <div class="col-12 col-lg-2">
                            <img class="w-100 d-none d-lg-inline-block" src="{{ asset('storage/icons/png/newspaper.png') }}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="space-pt ">
        <div class="container container-md post-news">
            <div class="row">
                <div class="col-12 col-lg-10 mx-auto">
                    <div class="row">
                        {{-- left  side --}}
                        <div class="col-12 col-lg-8">
                            <div class="grid-blogs-2n">
                                @foreach($posts as $post)
                                    <div class="card-post-new">
                                        <a href="{{  route('blog.news.show',['slug' => $post->slug]) }}">
                                            <div class="image-wrap image-wrap-xs py-0 my-0 border-radius ">
                                                <img class="img-fluid w-100 lazy" data-src="{{ $post->getAssetThumbnail() }}" alt="">
                                            </div>
                                        </a>
                                        <div class="py-3">
                                            <a href="{{  route('blog.news.show',['slug' => $post->slug]) }}">
                                                <h4 class="card-title line-separator-theme-1">{{ $post->name }}</h4>
                                            </a>
                                            <p class="date">{{ date('F d, Y',strtotime($post->created_at)) }}</p>
                                            <p class="card-text">{!! Str::words(strip_tags($post->content), 14, ' [...]') !!}</p>
                                            <a class="btn-read-more text-dark text-bold" href="{{  route('blog.news.show',['slug' => $post->slug]) }}">Read more</a>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            @if ($posts->hasPages())
                                <div class="row space-ptb py-3">
                                    <div class="col-12 text-center mt-0">
                                        {{ $posts->links() }}
                                    </div>
                                </div>
                            @else
                                <p>There are no posts yet. Please, be patient :) </p>
                            @endif
                        </div>
                        {{-- right side --}}
                        <div class="col-12 col-lg-4 ">
                            <div class="sidebar">

                                <x-widget.banner-slide-ad/>

                                <x-widget.latest-news-list :limit="5" :category="[1]"/>

                                <x-widget.jobs-slide-ad :limit="10" :id-jobs="[2061,2051,2044,2037,2036,2025,2008,1893,1890,1878,1633,1624,1493,1933]"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('blocks.banner_job_count')

@endsection