@extends('layouts.main')

@section('content')

    <div class="container post-container">
        @foreach($posts as $post)
        <div class="row post-row">
            <div class="col-md-2 offset-md-3 text-center">
                <img src="{{ $post->image_url }}" alt="" style="max-width: 300px;max-height: 300px;">
            </div>
            <div class="col-md-4">
                <div class="post-title-div text-center col-md-12">
                    <h2 class="post-title">
                        <a href="{{ route('posts::client::show', $post) }}">{{ $post->getProperLanguageRow('lang', 'title') }}</a>
                    </h2>
                </div>

                <div class="post-short-content">
                    {!!  $post->getProperLanguageRow('lang', 'short_description') !!}...
                    <a href="{{ route('posts::client::show', $post) }}">{{ c_trans('Czytaj więcej »') }}</a>
                </div>
            </div>

            <div class="row additional-post-info col-md-6 offset-md-3">
                <div class="col-md-6 text-left post-categories-div">
                    {{ c_trans('Kategorie') }}:
                    @foreach($post->categories as $category)
                        {{ $category->getFullCategoryName() }}
                    @endforeach
                </div>
                <div class="col-md-6 text-right">
                    {{ c_trans('Data utworzenia') }}:
                    <span>{{ $post->added_at }}</span>
                </div>
            </div>

        </div>
        @endforeach
    </div>

    {{ $posts->links() }}

@endsection