@extends('front.layouts.app', $seo)
@section('content')

<div class="details-page details-page-inner">
  <div class="container">
    <div class="news-slide-text">
      <ul class="tabs" itemscope="" itemtype="http://schema.org/BreadcrumbList"> 
        <li class="active page-name" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="#tab1" itemprop="name" content=""></a><meta itemprop="position" content="1"></span></li>
      </ul>
      <div class="nfMarq">
        <marquee scrollamount="8" onmouseover="this.stop();" onmouseout="this.start();"></marquee>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-8 col-sm-push-4">
        @if(isset($articleType['custom_ad']))
          <div class="{{ $articleType['table_parent'] }}Adv">
            <p>{!! $articleType['custom_ad'] !!}</p>
            <span class="advTag">Ads</span>
          </div>
        @endif
        @php($imageUrl = '')
        @if(isset($article_detail->embed_code) && trim($article_detail->embed_code))
          <div class="detail-main-img-blk">
            {!! $article_detail->embed_code !!}
            @if($article_detail->special_tag)
            <span class="ribbon">{{ $article_detail->special_tag }}</span>
            @endif
          </div>
        @else
          @if($article_detail->image['id'])
          <div class="detail-main-img-blk">
            @php($imageUrl = $article_detail->image['original'])
            <img src="{{ $article_detail->image['original'] }}" alt="{{ $article_detail->image['alt_text'] ?? $article_detail->title }}" title="{{ $article_detail->image['alt_text'] ?? $article_detail->title }}">
            <div itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="{{ $article_detail->image['original'] }}"><meta itemprop="width" content="1230"><meta itemprop="height" content="900"></div>
            @if($article_detail->special_tag)
            <span class="ribbon">{{ $article_detail->special_tag }}</span>
            @endif
          </div>
          @elseif(!$article_detail->image['id'] && $article_detail->is_breaking_news)
            <div class="detail-main-img-blk">
              <img src="{{ asset('assets/images/breaking-news-indiablooms.jpg') }}" alt="{{ $article_detail->image['alt_text'] ?? $article_detail->title }}" title="{{ $article_detail->image['alt_text'] ?? $article_detail->title }}">
              @if($article_detail->special_tag)
              <span class="ribbon">{{ $article_detail->special_tag }}</span>
              @endif
            </div>
          @endif
        @endif  
        @if($article_detail['photo_courtsey'])
        <span class="photo-courtsey">{{ $article_detail->photo_courtsey }}</span>
        @endif
        <div id="bdyRgHeadHolder" class="bdyRgHeadTxt">
          <h1>{{  $article_detail->title }}</h1>
          @include('front.includes.news-details-author')
        </div>
        @include('front.includes.news-details-schema')
        <div class="bdyRgContentHolder introTxt">{!! $article_detail->intro !!}</div>
                <div class="bdyRgContentHolder contentTxt">{!! $article_detail->embeded_description !!}</div>

        @if(isset($article_detail->live_updates) && $article_detail->live_updates->count())
          <div class="live-updates-txt-blk">
            <span class="live">LIVE</span> <span class="updt">Updates</span>
            <img src="{{ asset('assets/images/megaphone.png') }}" />
          </div>
          @foreach ($article_detail->live_updates as $key => $value)
            <div class="bdyRgContentHolder bdyRgContentHolder-nw contentTxt">
              <h2>{{ $value->title }}</h2>
              <span class="udate">{!! \App\Helpers\Helper::inIST($value->add_date) !!}</span>
              <p></p>
            </div>
          @endforeach
        @endif
        @include('front.includes.news-author-details')
        @include('front.includes.support')
        <div class="fb-comments" data-href="{{ $article_detail->url }}" data-numposts="10" data-width="100%"></div>
        
        @include('front.includes.relatedArticles')
      </div>
      <div class="col-sm-4 col-sm-pull-8">
        @include('front.includes.otherArticles')
      </div>          
    </div>
  </div>
</div>
@endsection