@extends('frontend.layouts.main', array('body_class' => 'blog-author'))

@section('content')
<div class="blog-author__wrapper" data-controller="blocks/blog-author">
    <div class="blog-author__container">

        <div class="blog-author__author-container">
            <div class="blog-author__image-container">
                <div class="blog-author__image">
                    {!! getMediaImg($author->media, '600x775') !!}
                </div>
                <div class="blog-author__image-overlay"></div>
                <div class="blog-author__image-overlay-back"></div>
            </div>
            <div class="blog-author__details">
                <h1 class="blog-author__name">{{ $author->title }}</h1>
                <span class="blog-author__position">{{ $author->position_company }}</span>
                @if ($author->content)
                    <div class="blog-author__description-container" data-role="description-container">
                        <div class="blog-author__description" data-role="description">
                            {!! $author->content !!}
                        </div>
                        <button class="link-right-arrow blog-author__description-btn" data-action="toggle-description">@lang('frontend.read_full_bio')</button>
                    </div>
                @endif
            </div>
        </div>

        @if($author->posts->count())
            <div class="blog-author__posts">

                @if (!empty($categories))
                    <div class="blog-author__posts-categories-container">
                        {{ $author->title }} @lang('frontend.writes_about')
                        <div class="blog-author__posts-categories">
                            @foreach($categories as $category)
                                <a href="{{ $redirectPath . '?c=' . $category->id }}" class="blog-author__posts-category">
                                    {{ $category->title }}
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endif

                <div class="blog-author__posts-content">
                    <div class="blog-author__posts-list">
                        @foreach($author->posts as $post)
                            @include('frontend.templates.components.posts-card', [
                                'title' => $post->title,
                                'image' => getMediaImg($post->media, '800x800', htmlspecialchars($post->title)),
                                'link' => lang_url($post->lang_uri),
                                'date' => format_date($post->date),
                            ])
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

    </div>
</div>
@include('frontend.templates.blocks.newsletter-v2')
@stop