@extends('main')
@section('styles')
@endsection
@section('page-title')
	<div class="heading-banner-area overlay-bg">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="heading-banner">
            <div class="heading-banner-title">
              <h2>{{ $product->title }}</h2>
            </div>
            <div class="breadcumbs pb-15">
              <ul>
								<li class="home"><a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a></li>
								<li> / </li>
								<li>
										{{ __(ucfirst($section)) }}
									</a>
								</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('content')

	<div class="blog-area blog-2  pt-80 pb-80">
		<div class="container">
			<div class="blog">
				<div class="row">
					@foreach ($articles as $key => $article)

						<!-- Single-blog start -->
						<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
							<div class="single-blog mb-30">
								<div class="blog-photo">
									<a href="{!! URL::Route('mobily.ShowNews',[$article->category->section,$article->slug]) !!}">
										@if (@$article->photo)
											<img src="{{ path_img($article->photo) }}"  alt="{{ $article->title }}" title="{{ $article->title }}">
										@elseif (@$article->image->small)
											<img src="{{ asset($article->image->small) }}"  alt="{{ $article->title }}" title="{{ $article->title }}">
										@elseif (@$article->video)
											<img src="http://img.youtube.com/vi/{{ @$article->video }}/0.jpg"   alt="{{ $article->title }}" title="{{ $article->title }}" />
										@else
											<img src="{{ asset('images/no-image.png') }}"  alt="{{ $article->title }}" title="{{ $article->title }}">
										@endif
									</a>
								</div>
								<div class="blog-info">
									<div class="post-meta fix">
										<div class="post-date {{ rtl() ? 'floatright' : 'floatleft' }}"><span class="text-dark-red">30</span></div>
										<div class="post-year {{ rtl() ? 'floatright' : 'floatleft' }}">
											<p class="text-uppercase text-dark-red mb-0">June, 2016</p>
											<h4 class="post-title"><a href="#" tabindex="0">{{ $article->title }}</a></h4>
										</div>
									</div>
									<p>{!! str_limit(strip_tags($article->content), 250) !!}</p>
									<a href="{!! URL::Route('mobily.ShowNews',[$article->category->section,$article->slug]) !!}" class="button-2 text-dark-red">{{ __('Read more') }}</a>

								</div>
							</div>
						</div>
						<!-- Single-blog end -->
					@endforeach

				</div>
				<div class="row">
					<div class="col-md-12">
						<!-- Pagination start -->
						<div class="shop-pagination  text-center">
							<div class="pagination">
								{{ $articles->links('vendor.pagination.mobile') }}


							</div>
						</div>
						<!-- Pagination end -->
					</div>
				</div>
			</div>
		</div>
	</div>


	@endsection
	@section('scripts')
	@endsection