@extends('frontend.magz.index')

@inject('postHelper', 'App\Helpers\PostHelper')
@inject('themeHelper', 'App\Helpers\ThemeHelper')
@inject('videoHelper', 'App\Helpers\VideoHelper')
@php $posts->load('categories') @endphp

@section('content')
<section class="tag top">
    <div class="container-md">
        <div class="row">
            @if($sidebarPosition === "left" AND $sidebarActive)
                @include('frontend.magz.template-parts.sidebar')
            @endif
            <div class="col-lg-8 text-left @if($sidebarActive === false) offset-lg-2 @endif">
                <div class="row">
                    @if($tag)
                    <div class="col-lg-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/">{{ __('Laramagz::magz.home') }}</a></li>
                            <li class="breadcrumb-item active">{{ $tag->name }}</li>
                        </ol>
                        <h1 class="page-title">{{ __('Laramagz::magz.tag') }}: {{ $tag->name }}</h1>
                        <p class="page-subtitle">{{ __('Laramagz::magz.showing_all_posts_with_tag') }} <i>{{ $tag->name }}</i></p>
                    </div>
                    @endif
                </div>
                <div class="line"></div>
                <div class="row">
                    @if($posts)
                    @foreach($posts as $post)
                    <article class="col-md-12 article-list">
                        <div class="inner">
                            <figure>
                               <a href="{{ $postHelper->getUriPost($post) }}">
                                    @if($post->post_type == 'post' OR $post->post_type == 'page')
                                        <img src="{{ $postHelper->showThumbnail($post, 300) }}" alt="{{ $post->post_image }}">
                                    @elseif($post->post_type == 'video_file' OR $post->post_type == 'video_url' OR $post->post_type == 'video_embed')
                                        <img src="{{ $videoHelper->showThumbnail($post) }}" alt="{{ $post->post_image }}">
                                        <div class="link-icon"><i class="fas fa-play"></i></div>
                                    @else
                                        <img src="{{ $audioHelper->showThumbnail($post) }}" alt="{{ $post->post_image }}">
                                        <div class="link-icon"><i class="fas fa-music"></i></div>
                                    @endif
                                </a>
                            </figure>
                            <div class="details">
                                <div class="detail">
                                    @if($tag->name)
                                    <div class="category">
                                        <a href="{{ route('category.show', $tag->slug) }}">
                                            {{ $tag->name }}
                                        </a>
                                    </div>
                                    @endif
                                    <div class="time">{{ $post->created_at->locale(LaravelLocalization::getCurrentLocale())->isoFormat('LL') }}</div>
                                    <div class="view">{{ $post->post_hits }} {{ __('Laramagz::magz.views') }} &nbsp; {{ $post->like }} {{ __('Laramagz::magz.likes') }}</div>
                                </div>
                                <h1><a href="{{ $postHelper->getUriPost($post) }}">{{ $post->post_title }}</a></h1>
                                <p>{!! \Str::limit(strip_tags($post->post_content), 150) !!}</p>
                            </div>
                        </div>
                    </article>
                    @endforeach
                    <div class="col-lg-12 text-center">
                        {{ $posts->links('frontend.magz.inc._pagination') }}
                    </div>
                    @endif
                </div>
            </div>
            @if($sidebarPosition === "right" AND $sidebarActive)
                @include('frontend.magz.template-parts.sidebar')
            @endif
        </div>
    </div>
</section>
@stop