@extends('layouts.frontend.index')

@section('metas')
  <title>{{ $page->translation->title }} | {{ $settings_translate['site_title']['value'] }}</title>
  <meta name="description" content="{{ $page->translation->meta_title }}" />
  {{ Breadcrumbs::view('breadcrumbs::json-ld', 'info.index', $page, LaravelLocalization::getCurrentLocale()) }}
@endsection

@section('content')
  <section class="internal">
    <div class="container">
      {{ Breadcrumbs::render('info.index', $page, LaravelLocalization::getCurrentLocale()) }}
      <h1>{{ $page->translation->title }}</h1>
      {!! $page->translation->text !!}
    </div>
  </section>
  <section class="articles-wrapper">
    @foreach ($blogs as $key => $blog)
      <article class="blog-post">
        <div class="img-wrapper">
          <a href="{{ LaravelLocalization::localizeUrl(route('blog.show', $blog->translation->slug)) }}">
            <img class="img-fluid" src="{{ asset('storage/blogs/resized/' . $blog->image) }}" alt="">
          </a>
        </div>
        <div class="content">
          <h2>
            <a href="{{ LaravelLocalization::localizeUrl(route('blog.show', $blog->translation->slug)) }}">{{ $blog->translation->title }}</a>
          </h2>
          <div class="article-info">
            <span class="date">
              {{ $blog->created_at->format('d M Y') }}
            </span>
          </div>
          <p>
            {!! Str::limit(strip_tags($blog->translation->text), 200) !!}
          </p>
          <a class="btn btn-main btn-dark-red read-more" href="{{ LaravelLocalization::localizeUrl(route('blog.show', $blog->translation->slug)) }}">Виж повече</a>
        </div>
      </article>
    @endforeach
  </section>
@endsection