@extends('front.layouts.app', $seo)
@section('content')
<div class="details-page details-page-inner details-page-video">
  <div class="container">
    <div class="news-slide-text">
      <ul class="tabs"> 
        <li class="active"><a href="#tab1">Multimedia</a></li>
        <li class="active"><a href="#tab1">{{ $page_name }}</a></li>
      </ul>
    </div>
    <div class="row">
      <div class="col-sm-12">

        <div id="bdyRgHeadHolder" class="bdyRgHeadTxt">
          <h1>{{ $article_detail->title }}</h1>
          @include('front.includes.news-details-author')
        </div>

        <div class="detail-main-img-blk video-main-blk">
          {{--<div id="myCarousel" class="carousel slide">
    <!-- Wrapper for slides -->
            <div class="carousel-inner">
              @foreach($article_detail->images as $key => $val)
              <div class="item{{ !$key ? ' active' : '' }}">
                <img src="{{ $val['original'] }}" alt="{{ $article_detail->title }}">
                <div class="carousel-caption">
                  <h2>{!! $val['description'] !!}</h2>
                </div>
              </div>
              @endforeach
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
              <span class="icon-prev"></span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">
              <span class="icon-next"></span>
            </a>
          </div>--}}
          @php($imageUrl = '')
          @foreach($article_detail->images as $key => $val)
            @php($imageUrl = $val['original'])
            <div class="item{{ !$key ? ' active' : '' }}">
              <img src="{{ $val['original'] }}" alt="{{ $article_detail->title }}">
              <div class="carousel-caption">
                <h2>{!! $val['description'] !!}</h2>
              </div>
            </div>
          @endforeach
          @include('front.includes.news-details-schema')
        </div>
      
        @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>
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle" style="display:inline-block;width:640px;height:280px" data-ad-client="ca-pub-2899250491928896" data-ad-slot="7597808050"></ins>
        <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

        <div class="row">
          <div class="col-sm-4">
            @include('front.includes.otherArticles')
          </div>
          <div class="col-sm-8">
            @include('front.includes.relatedArticles')
          </div>
        </div>
        
      </div>        
    </div>
  </div>
</div>
@endsection