@extends('layouts.app')

@section('content')
  @while (have_posts()) @php(the_post())
    @php($categories = get_the_category())

    <header class="post-hero">
      <div class="post-hero__bg">
        @if (has_post_thumbnail())
          {!! get_the_post_thumbnail(null, 'large', ['class' => 'post-hero__img', 'loading' => 'eager']) !!}
        @endif
      </div>
      <div class="post-hero__overlay"></div>

      <div class="container post-hero__inner">
        <div class="post-hero__eyebrow">
          @if (! empty($categories))
            <a href="{{ get_category_link($categories[0]->term_id) }}">{{ $categories[0]->name }}</a>
          @else
            <span>{{ __('Novost', 'elit-gastro') }}</span>
          @endif
          <span class="dot-sep">·</span>
          <span>{{ get_the_date() }}</span>
        </div>

        <h1 class="post-hero__title">{{ get_the_title() }}</h1>

        @if (has_excerpt())
          <p class="post-hero__sub">{{ get_the_excerpt() }}</p>
        @endif

        <div class="post-hero__meta">
          @if (function_exists('get_avatar'))
            {!! get_avatar(get_the_author_meta('ID'), 44, '', '', ['class' => 'post-hero__avatar']) !!}
          @endif
          <div>
            <div class="post-hero__author">{{ get_the_author() }}</div>
            @php($readContent = strip_tags(apply_filters('the_content', get_the_content())))
            @php($readMinutes = max(1, (int) ceil(str_word_count($readContent) / 200)))
            <div class="post-hero__readtime">
              {{ sprintf(__('%d min čitanja', 'elit-gastro'), $readMinutes) }}
            </div>
          </div>
        </div>
      </div>
    </header>

    <article {!! post_class('entry') !!}>
      <div class="entry-content">
        @php(the_content())
        {!! wp_link_pages(['before' => '<nav class="pagination">', 'after' => '</nav>', 'echo' => 0]) !!}
      </div>

      @php($tags = get_the_tags())
      @if (! empty($tags))
        <div class="entry-tags">
          @foreach ($tags as $tag)
            <a href="{{ get_tag_link($tag->term_id) }}" class="entry-tag">#{{ $tag->name }}</a>
          @endforeach
        </div>
      @endif
    </article>

    @php($prev = get_previous_post())
    @php($next = get_next_post())
    @if ($prev || $next)
      <nav class="post-nav" aria-label="{{ __('Navigacija članaka', 'elit-gastro') }}">
        <div class="container post-nav__inner">
          @if ($prev)
            <a href="{{ get_permalink($prev) }}" class="post-nav__link post-nav__link--prev">
              <span class="post-nav__label">← {{ __('Prethodno', 'elit-gastro') }}</span>
              <span class="post-nav__title">{{ get_the_title($prev) }}</span>
            </a>
          @else
            <span></span>
          @endif

          @if ($next)
            <a href="{{ get_permalink($next) }}" class="post-nav__link post-nav__link--next">
              <span class="post-nav__label">{{ __('Sljedeće', 'elit-gastro') }} →</span>
              <span class="post-nav__title">{{ get_the_title($next) }}</span>
            </a>
          @else
            <span></span>
          @endif
        </div>
      </nav>
    @endif

    @if (comments_open() || get_comments_number())
      @php(comments_template())
    @endif
  @endwhile
@endsection