@extends('frontend::layouts.master')

 @section('title')
     <title>{{ $author->name }} | {{ $author->getMeta('designation') }}</title>
     <meta name="title" content="{{ $author->name || $author->getMeta('designation') }}">
     <meta name="description" content="{{ $author->getMeta('bio') }}">
 @endsection

 @section('content')
     <!-- main-area -->
     <main class="fix">

         <x-frontend::breadcrumb>
             <ol class="breadcrumb">
                 <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('frontend::translate.Home') }}</a></li>
                 <li class="breadcrumb-item"><a href="{{ route('blogs') }}">{{ __('frontend::translate.Blogs') }}</a></li>
                 <li class="breadcrumb-item active" aria-current="page">{{ __('frontend::translate.Author Page') }}</li>
             </ol>
         </x-frontend::breadcrumb>

         <!-- author-area -->
         <section class="author-area pt-60 pb-60">
             <div class="container">
                 <div class="author-inner-wrap">
                     <div class="row justify-content-center">
                         <div class="col-70">
                             <div class="author-wrap">
                                 <div class="author-thumb">
                                     <img src="{{ asset($author->getFirstMediaUrl('avatar') ?? 'frontend/assets/img/images/avatar.png') }}"
                                         alt="{{ $author->name }}">
                                 </div>
                                 <div class="author-content">
                                     <h4 class="name">{{ $author->name }}</h4>
                                     <span class="designation">{{ $author->getMeta('designation') }}</span>
                                     <p>
                                         {!! $author->getMeta('bio') !!}
                                     </p>

                                     <div class="author-social">
                                         <ul class="list-wrap">

                                             @if ($author->getMeta('facebook_link'))
                                                 <li>
                                                     <a href="{{ $author->getMeta('facebook_link') }}">
                                                         <i class="fab fa-facebook-f"></i>
                                                     </a>
                                                 </li>
                                             @endif

                                             @if ($author->getMeta('x_link'))
                                                 <li>
                                                     <a href="{{ $author->getMeta('x_link') }}">
                                                         <i class="fab fa-twitter"></i>
                                                     </a>
                                                 </li>
                                             @endif

                                             @if ($author->getMeta('instagram_link'))
                                                 <li>
                                                     <a href="{{ $author->getMeta('instagram_link') }}">
                                                         <i class="fab fa-instagram"></i>
                                                     </a>
                                                 </li>
                                             @endif

                                             @if ($author->getMeta('linkedin_link'))
                                                 <li>
                                                     <a href="{{ $author->getMeta('linkedin_link') }}">
                                                         <i class="fab fa-linkedin-in"></i>
                                                     </a>
                                                 </li>
                                             @endif

                                             @if ($author->getMeta('youtube_link'))
                                                 <li>
                                                     <a href="{{ $author->getMeta('youtube_link') }}">
                                                         <i class="fab fa-youtube"></i>
                                                     </a>
                                                 </li>
                                             @endif
                                         </ul>
                                     </div>
                                 </div>
                             </div>
                             <div class="weekly-post-item-wrap">
                                 @forelse ($blogs as $blog)
                                     <div class="weekly-post-item weekly-post-four">
                                         <div class="weekly-post-thumb">
                                             <a href="{{ route('blog.detail', $blog->slug) }}">
                                                 <img src="{{ getContentMediaWithFallback($blog, 'featured') ?: asset('backend/assets/img/blog/default.png') }}"
                                                     alt="{{ $blog?->title }}">
                                             </a>
                                         </div>
                                         <div class="weekly-post-content">

                                             @if ($blog?->categories && $blog?->categories->count() > 0)
                                                 <div class="d-flex flex-wrap gap-3">
                                                     @foreach ($blog?->categories as $category)
                                                         @break($loop->index == 2)
                                                         <a href="{{ route('blogs', ['category_id' => $category?->id]) }}"
                                                             class="post-tag">
                                                             {{ $category?->name }}
                                                         </a>
                                                     @endforeach
                                                 </div>
                                             @endif

                                             <h2 class="post-title">
                                                 <a href="{{ route('blog.detail', $blog->slug) }}">
                                                     {{ $blog?->title }}
                                                 </a>
                                             </h2>

                                             <div class="blog-post-meta">
                                                 <ul class="list-wrap">
                                                     <li>
                                                         <i class="flaticon-calendar"></i>
                                                         {{ Carbon\Carbon::parse($blog->created_at)->format('d M Y') }}
                                                     </li>
                                                     @if ($blog?->getMeta('reading_time'))
                                                         <li><i
                                                                 class="flaticon-history"></i>{{ $blog?->getMeta('reading_time') }}
                                                         </li>
                                                     @endif
                                                 </ul>
                                             </div>
                                             <div>
                                                 {!! Str::limit($blog?->excerpt, 140, '...') !!}
                                             </div>
                                             <div class="view-all-btn">
                                                 <a href="{{ route('blog.detail', $blog->slug) }}" class="link-btn">
                                                     {{ __('frontend::translate.Read More') }}
                                                     <span class="svg-icon">
                                                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"
                                                             fill="none">
                                                             <path
                                                                 d="M1.07692 10L0 8.92308L7.38462 1.53846H0.769231V0H10V9.23077H8.46154V2.61538L1.07692 10Z"
                                                                 fill="currentColor" />
                                                             <path
                                                                 d="M1.07692 10L0 8.92308L7.38462 1.53846H0.769231V0H10V9.23077H8.46154V2.61538L1.07692 10Z"
                                                                 fill="currentColor" />
                                                         </svg>
                                                     </span>
                                                 </a>
                                             </div>
                                         </div>
                                     </div>
                                 @empty
                                     @include('frontend::blog.include.blog_not_found')
                                 @endforelse
                             </div>
                             @include('frontend::components.custom-pagination', ['items' => $blogs])
                         </div>
                         <div class="col-30">
                             @include('frontend::blog.include.blog_sidebar')
                         </div>
                     </div>
                 </div>
             </div>
         </section>
         <!-- author-area-end -->

         <!-- newsletter-area -->
         @include('frontend::components.newsletter_area')
         <!-- newsletter-area-end -->

     </main>
     <!-- main-area-end -->
 @endsection

 @push('style')
     <style>
         .author-thumb {
             width: 152px;
             height: 152px;
         }

         .author-thumb img {
             width: 100%;
             height: 100%;
             object-fit: cover;
         }
     </style>
 @endpush