@extends('main')
@section('styles')
@endsection
@section('page-title')
  <section class="navigation">
    <div class="breadcrumbs-wrap">
      <div class="container clearfix">
        <div class="row">
          <div class="col-md-12">
            <h2>
              {{ __('News') }}
            </h2>
            <ul class="breadcrumbs ul--inline ul--no-style">
              <li>
                <a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
              </li>
              <span>/</span>

							<li class="active">
								{{ __('News') }}
							</li>

            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
@section('content')
  <section class="we-are">
    <div class="container">
      <div class="row">

				@foreach ($articles as $key => $article)
					<div class="col-lg-4 col-md-6 item trick" >
            <div class="blog-item">
              <div class="img-blog">

								<a href="{!! URL::Route('mobily.ShowNews',[$article->slug]) !!}">
										@if (@$article->photo)
											<img src="{{ path_img($article->photo) }}"  alt="{{ $article->title }}" title="{{ $article->title }}">
										@elseif (@$article->image->small)
											<img src="{{ path_img($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-content">
                <h4 class="blog-title">
                  <a href="{!! URL::Route('mobily.ShowNews',[$article->slug]) !!}">{{ $article->title }}</a>
                </h4>

                <p>
                  {!! str_limit(strip_tags($article->content), 150) !!}

                </p>
								<a href="{!! URL::Route('mobily.ShowNews',[$article->slug]) !!}" class="au-btn au-btn--big au-btn--pill au-btn--yellow au-btn--white">{{ __('Read more') }}</a>
              </div>
            </div>
          </div>

				@endforeach


					<div class="col-md-12">
						<div class="au-pagination clearfix">
							{{ $articles->links('vendor.pagination.mobile') }}
						</div>
					</div>
      </div>
    </div>
  </section>
@endsection
@section('scripts')

@endsection