@extends('layout.b2c')
@section('title', 'Novosti – Krojačeva škola | Online kursevi i inspirativne priče o znanju')
@section('description', 'Pratite najnovije vesti iz Krojačeve škole – priče o kursevima, predavačima, novim projektima i svetu digitalnog učenja. Otkrijte kako rastemo i učimo zajedno')
@section('keywords', 'krojačeva škola, novosti, vesti, online kursevi, edukacija, e-learning, digitalno učenje, dizajn, programiranje, marketing, poslovne veštine, online škola, znanje, inspiracija')

@section('content')
    <!-- Sticky filter bar -->
    <section class="courses-header">

        <!-- Top naslov -->
        <section class="section courses-top-title">
            <div class="container-custom">
                <h1>
                    {{ $post->title }}

                </h1>

            </div>
        </section>


    </section>

    
    <section class="news-detail">
        <div class="container-custom">
            <article class="news-article">
                <figure class="news-cover">
                    @if ($post->old_id == -1)
                    <img src="{{ asset('/storage/' . $post->img_720x378) }}" alt="{{ $post->slug }}">
                    @else
                    <img src="{{ 'https://stari.krojacevaskola.com/content/'.$post->old_image }}" alt="{{ $post->slug }}">
                    @endif
                </figure>

                <!-- Meta: kategorija .news-badge + tačka + datum -->
                <div class="news-meta">
                    @foreach ($post->categories as $ct)
                        <span class="news-badge">{{ $ct->name }}</span>
                    @endforeach
                    <span class="news-dot">•</span>
                    <span class="news-date">{{ date('d.m.Y.', strtotime($post->published_at)) }}</span>
                </div>

                <!-- Tekst vesti -->
                <div class="news-content">
                    {!! $post->content !!}

                </div>

            </article>
        </div>
    </section><!-- Vest end -->


    <section class="section news-listing">
        <div class="container-custom">

            <header class="main-title">
                <h2>Izdvajamo</h2>
                <p class="text-light">Aktuelne teme, najave i obaveštenja iz Krojačeve škole</p>
            </header>

            <div class="row g-4">
                @foreach ($posts as $post)
                <div class="col-xl-3 col-lg-6">
                    <article class="news-card h-100">
                        <a class="news-thumb" href="{{ route('b2c_novosti_detalji', ['post' => $post]) }}">
                            @if ($post->old_id == -1)
                            <img src="{{ asset('/storage/' . $post->img_720x378) }}" alt="{{ $post->slug }}">
                            @else
                            <img src="{{ 'https://stari.krojacevaskola.com/content/'.$post->old_image }}" alt="{{ $post->slug }}">
                            @endif
                        </a>
                        <div class="news-body">
                            <div class="news-meta">
                                @if ($post->categories->count() > 0)
                                <span class="news-badge">{{ $post->categories->first()->name }}</span>
                                @endif
                                <span class="news-dot">•</span>
                                <time datetime="{{ $post->published_at }}">{{ date('d.m.Y.', strtotime($post->published_at)) }}</time>
                            </div>
                            <h3 class="news-title">
                                <a href="{{ route('b2c_novosti_detalji', ['post' => $post]) }}">{{ $post->title }}</a>
                            </h3>
                            <p class="news-excerpt">
                                {!! strip_tags(substr($post->content, 0, 150)) !!}...
                            </p>
                            <a href="{{ route('b2c_novosti_detalji', ['post' => $post]) }}" class="btn">
                                <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
                                    <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                                        fill="currentColor" stroke="none">
                                        <path
                                            d="M2950 4382 c-47 -52 -91 -103 -97 -113 -11 -15 89 -107 857 -785 l869 -769 -2289 -3 -2290 -2 0 -150 0 -150 2290 -2 2289 -3 -869 -769 c-768 -678 -868 -770 -857 -785 6 -10 50 -61 97 -113 82 -93 85 -96 105 -80 12 10 481 424 1043 921 l1022 904 0 77 0 77 -1022 904 c-562 497 -1031 911 -1043 921 -20 16 -23 13 -105 -80z" />
                                    </g>
                                </svg>
                            </a>
                        </div>
                    </article>
                </div>
                @endforeach
            </div>

            {{-- <!-- Sentinel za praćenje dna -->
            <div id="sentinel" aria-hidden="true"></div>

            <!-- Load more dugme (prikazuje se kada observer vidi sentinel) -->
            <div class="loadmore-wrap-sj" id="loadmoreWrap" hidden>
                <button id="loadMoreBtn" class="btn-loadmore-sj" disabled>
                    <span class="btn-text">Učitavam...</span>
                    <span id="infiniteLoader" class="btn-loader">
                        <svg class="spinner" viewBox="0 0 50 50" aria-hidden="true">
                            <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="2"></circle>
                        </svg>
                    </span>
                </button>
            </div> --}}
        </div>

    </section>
    <!-- News new end -->

    @include('front.partials.index_b2c._footer')
    <!--- page-wrapper end -->

@endsection

@section('modals-and-offcanvas')
@endsection
@section('add-scripts')
    @parent


<!-- / Menu end -->
@endsection