@extends('index')

@section('main')
    <main class="main blog">
        <div class="section section--tiny padding-clear--bottom">
            <div class="container">
                <div class="default-heading default-heading--with-tabs">
                    <h1 class="default-heading__title">{{ __('blog::main.home') }}</h1>
                    <ul class="tabs-alt">
                        <li class="tabs-alt__item is-active">
                            <a href="{{ route('blog.home') }}">Wszystkie wpisy</a>
                        </li>
                        @foreach ($categories as $c)
                            <li class="tabs-alt__item">
                                <a href="{{ $c->url }}">{{ $c->name }}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <div class="slider slider--blog">
                    @foreach ($entriesSlider as $e)
                        @continue(!$e->hasImage())
                        <div class="slider__item" style="background-image: url('{{ $e->getImage()->adaptive(1620, 680) }}')">
                            @foreach ($e->categories as $c)
                                <div class="label {{ $c->css_class }}">{{ $c->name }}</div>
                            @endforeach
                            <div class="slider__item-inner">
                                <div class="slider__item-time">
                                    <i class="ico ico-calendar"></i>
                                    <time datetime="{{ $e->date }}">{{ $e->date->formatLocalized('%e %B %Y, %H:%M') }}</time>
                                </div>
                                <span class="slider__item-title">{{ $e->name }}</span>
                                <a href="{{ $e->url }}" class="btn btn--inverse btn--rounded">Sprawdź</a>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="blog__tiles">
                    <div class="row">
                        @foreach ($entriesBoxes as $e)
                            @continue(!$e->hasImage())
                            <div class="col-lg-4 col-md-6 flex flex--stretch">
                                <div class="blog__tiles-item">
                                    <a href="{{ $e->url }}" class="blog__tiles-item-inner" style="background-image: url('{{ $e->getImage()->adaptive(520, 480) }}');">
                                        <div class="blog__tiles-item-content">
                                            @foreach ($e->categories as $c)
                                                <div class="label {{ $c->css_class }}">{{ $c->name }}</div>
                                            @endforeach
                                            <div class="blog__tiles-item-time">
                                                <i class="ico ico-calendar"></i>
                                                <time datetime="{{ $e->date }}">{{ $e->date->formatLocalized('%e %B %Y, %H:%M') }}</time>
                                            </div>
                                            <span class="blog__tiles-item-title">{{ $e->name }}</span>
                                            <button class="btn btn--inverse btn--rounded">Sprawdź</button>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        @if ($entries->isNotEmpty())
            <div class="section section--small gray-bg">
                <div class="container">
                    <div class="default-heading default-heading--border-bottom">
                        <h2 class="default-heading__title">Pozostałe wpisy</h2>
                    </div>
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="blog__list">
                                @foreach ($entries as $entry)
                                    @include('blog::entry.item')
                                @endforeach
                            </div>
                        </div>
                        <div class="col-lg-4">
                            @include('blog::shared.sidebar')
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </main>
@endsection