@extends('layouts.front')

@php
    $settings = \App\Models\Setting::find('1');
@endphp

@section('meta_info')
    <title>{{ $tag->name ?? '' }} | {{ $settings->site_title }}</title>
    <meta name="title" content="{{ $settings->site_title }}"/>
@endsection

@section('main_content')
    <div class="tag-page">
    <div class="container">
        <section class="section">
            <div class="row">   
                <div class="col-md-3"></div>
                <div class="col-md-6">
                    <ol class="breadcrumb" style="padding-left: 5px !important;">                      
                        <li>
                            <span style="font-size: 25px;">বিষয়:</span> <a style="font-size: 25px; color: #2b62b5;" href="{{ tag_url($tag->name) }}">{{ $tag->name }}</a>
                        </li>
                    </ol>
                    
                    @foreach($posts as $post)
                    <div class="callout-card"> 
                        <div class="row" style="margin-bottom: 15px;border-bottom: 1px solid #ececec; padding-bottom: 15px;">
                          <div class="col-md-9 col-xs-8 col-sm-8">
                              <div class="media-body">
                                  <ul class="list-inline ">
                                      <li><h3 class="media-heading"><a href="{{ news_url($post) }}">{{ $post->headline }}</a></h3></li>
                                      <li class="pull-right"><i class="fa fa-clock-o"></i> {{ bangla_published_time($post->created_at) }}</li>
                                      <li class="clearfix"></li>
                                  </ul>
                              </div>
                          </div> 
                            
                            <div class="col-md-3 col-xs-4 col-sm-4">
                                 <a href="{{ news_url($post) }}"><img style="margin: 6px 0;" class="media-object img-responsive" src="{{$post->featured_image}}" alt="{{ $post->headline }}"></a>
                            </div>
                               
                        </div>
                    </div>
                    @endforeach
                        <div class="row">
                            <div class="col-md-12 text-center">
                                {!! $posts->links() !!}
                            </div>
                        </div>
                    
                </div>
                <div class="col-md-3">			
    			<div class="sidebar">			
                    
                </div>    
    			</div>
    			
			</div> 
        </section>
    </div>
    </div>
@endsection