{{--
  Template Name: Default
--}}

@extends('layouts.app')

@section('content')
  <header class="page-header">
    <div class="container">
      <div class="eyebrow">
        @if (is_home() || is_front_page())
          {{ __('Novosti', 'elit-gastro') }}
        @elseif (is_category())
          {{ __('Kategorija', 'elit-gastro') }}
        @elseif (is_tag())
          {{ __('Oznaka', 'elit-gastro') }}
        @elseif (is_author())
          {{ __('Autor', 'elit-gastro') }}
        @else
          {{ __('Arhiva', 'elit-gastro') }}
        @endif
      </div>
      <h1>
        @if (is_home() || is_front_page())
          {{ __('Novosti i vodiči', 'elit-gastro') }}
        @else
          {!! get_the_archive_title() !!}
        @endif
      </h1>
      @php($desc = get_the_archive_description())
      @if (! empty($desc))
        {{-- Archive descriptions (term + author bios) are editable by users
             with `manage_categories` / `edit_users` and are NOT KSES-filtered
             by core on save. Run through wp_kses_post() on output so a
             contributor-level editor can't inject <script>. --}}
        <p>{!! wp_kses_post($desc) !!}</p>
      @endif
    </div>
  </header>

  <section class="section">
    <div class="container">
      @if (! have_posts())
        <p>{{ __('Nema rezultata.', 'elit-gastro') }}</p>
      @else
        <div class="blog-grid blog-grid--3">
          @while (have_posts()) @php(the_post())
            <a href="{{ get_permalink() }}" class="post reveal">
              <div class="post-media">
                @if (has_post_thumbnail())
                  {!! get_the_post_thumbnail(null, 'eg-card', ['loading' => 'lazy']) !!}
                @else
                  <div class="ph-icon">
                    <x-icon.placeholder />
                  </div>
                @endif
              </div>
              <div class="post-meta">
                @php($categories = get_the_category())
                @if (! empty($categories))
                  <span class="post-tag">{{ $categories[0]->name }}</span>
                @endif
                <span>{{ get_the_date() }}</span>
              </div>
              <h3 class="post-title">{{ get_the_title() }}</h3>
              <p class="post-excerpt">{{ wp_trim_words(get_the_excerpt(), 22) }}</p>
            </a>
          @endwhile
        </div>

        <div class="pagination">
          {!! paginate_links() !!}
        </div>
      @endif
    </div>
  </section>
@endsection