@extends('layouts/lakeresort')

@php

    if ( app()->getLocale() == "hu") {
        SEOMeta::setTitle('Hírek');
    }

    if ( app()->getLocale() == "en") {
        SEOMeta::setTitle('News');

    }

    if ( app()->getLocale() == "de") {
        SEOMeta::setTitle('Nachricht');

    }

@endphp


@section('content')
<main>
    <header class="uk-section uk-section-default">
      <div class="uk-container" uk-scrollspy="cls:uk-animation-slide-bottom-medium">
        <div class="uk-text-center uk-text-xsmall uk-text-medium uk-text-uppercase uk-text-secondary lp3 uk-margin">Lake Resort</div>
        <h2 class="uk-text-center uk-margin-remove">{{ __('Hírek') }}</h2>
      </div>
      <!-- // container -->
    </header>
    <section class="uk-section uk-section-muted">
      <div class="uk-container uk-container-small" uk-scrollspy="cls:uk-animation-slide-bottom-medium">


        @foreach ($list as $news)
        <div class="uk-padding uk-background-default uk-box-shadow-small uk-margin-bottom">
          <p class="uk-text-meta uk-margin-remove-bottom"><time datetime="{{ $news->created_at->format('Y.m.d.') }}T19:00">{{ $news->created_at->format('Y.m.d.') }}</time></p>
          <h3 class="uk-margin-remove-top"><a href="{{ $news->news_read_url }}" class="uk-link-reset">{{ $news->title }}</a></h3>
          <div uk-grid>
            <div class="uk-width-1-3@m">
              <p>
                <a href="{{ $news->news_read_url }}">
                    <img src="{{ asset($news->list_image_path) }}" alt="{{ $news->title }}" />
                </a>
              </p>
            </div>
            <!-- // child -->
            <div class="uk-width-2-3@m">
              <p class="uk-text-small">
                {{ $news->lead }}
              </p>
              <p><a href="{{ $news->news_read_url }}" class="uk-button uk-button-default button-arrow-right">{{ __('Részletek') }}</a></p>
            </div>
            <!-- // child -->
          </div>
          <!-- // grid -->
        </div>
        @endforeach




      </div>
      <!-- // container -->
    </section>
  </main>
@endsection