@extends('layouts.blognocolumns')

@section('title')
	{{ $author->name }}
@endsection

@section('mainheader')

    
            
@endsection


@section('content')
<div class="row mb-50">
    <div class="col-lg-2 d-none d-lg-block"></div>
                    <!-- main content -->
                    <div class="col-lg-8 col-md-12">
                        <div class="author-bio border-radius-10 bg-white p-30 mb-50">
                            <div class="author-image mb-30">
                                <a href="#"><img src="{{ url('/media/author/'.$author->avatar) }}" alt="" class="avatar"></a></div>
                            <div class="author-info">
                                <h3><span class="vcard author"><span class="fn"><a href="#" title="Posts by {{ $author->name }}" rel="author">{{ $author->name }}</a></span></span></h3>
                               
                                <div class="author-description">{{ $author->bio }}</div>
                                <a href="#" class="author-bio-link text-muted"><span class="mr-5 font-x-small"></span>Follow This Author</a>
                                <div class="author-social">
                                    <ul class="author-social-icons">
                                     	@if(!empty($author->facebook))<li class="author-social-link-facebook"><a href="{{ $author->facebook }}" target="_blank"><i class="ti-facebook"></i></a></li>@endif
                                        @if(!empty($author->twitter))<li class="author-social-link-twitter"><a href="{{ $author->twitter }}" target="_blank"><i class="ti-twitter-alt"></i></a></li>@endif
                                        @if(!empty($author->instagram))<li class="author-social-link-instagram"><a href="{{ $author->instagram }}" target="_blank"><i class="ti-instagram"></i></a></li>@endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <h2>All posts by {{ $author->name }}</h2>
                        <hr class="wp-block-separator is-style-wide">
                        <div class="latest-post mb-50">
                            <div class="loop-list-style-1">
                                 @if(isset($articles))
                    
                                    @foreach($articles as $article)
                                    	
                                            <article class="p-10 background-white border-radius-10 mb-30 wow fadeIn animated">
                                                <div class="d-md-flex d-block">
                                                    <div class="post-thumb post-thumb-big d-flex mr-15 border-radius-15 img-hover-scale">
                                                        <a class="color-white" href="{{ url('article/'.$article->short_url) }}">
                                                            <img class="border-radius-15" src="{{ url('/media/'.$article->banner_url ) }}" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="post-content media-body">
                                                        <div class="entry-meta mb-15 mt-10">
                                                            @foreach($article->categories as $category)
                                                            	@if(is_object($category))
                                                               	 	<a class="entry-meta meta-0" href="{{ url('/category/'.$category->short_url) }}"><span class="post-in background2 text-primary font-x-small">{{ $category->name }}</span></a>
                                                            	@endif
                                                            @endforeach
                                                        </div>
                                                        <h5 class="post-title mb-15 text-limit-2-row">
                                                           
                                                            <a href="{{ url('article/'.$article->short_url) }}">{{ $article->title }}</a></h5>
                                                        <p class="post-exerpt font-medium text-muted mb-30 d-none d-lg-block">{{ $article->description }}</p>
                                                        
                                                    </div>
                                                </div>
                                            </article>
                                    
                                        @endforeach
                                        @endif
                            </div>
                        </div>
                        @if(isset($articles) && $articles->hasPages())
                
                        <div class="pagination-area mb-30">
                        	{{ $articles->links('vendor.pagination.bootstrap-4') }}
                        </div>
                @endif
                    </div>
</div>
@endsection