@extends('main')
@section('styles')
	{!! Html::style(Theme::current()->assetPath.'/prettyPhoto/css/prettyPhoto.min.css') !!}
@endsection
@section('page-title')
@endsection
@section('content')
	<section id="product-details">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a></li>
			<li class="breadcrumb-item active">{{ __('Keys of success') }}</li>
		</ol>
		<div class="container-2 ">
			<h2 class="section-heading">{{ __('Keys of success') }}</h2>
			<div class="row">
				@foreach ($articles as $key => $article)
					<div class="col-md-6 col-sm-12">
						<div class="row">
							<div class="col-md-4 col-sm-12">
								<div class="content-pad">
									<div class="blog-thumbnail">
										<div class="item-thumbnail-gallery">
											<div class="item-thumbnail-full">
												<a href="{!! URL::Route('mobily.showSucces',[$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>
									</div><!--/blog-thumbnail-->
								</div>
							</div>
							<div class="col-md-8 col-sm-12">
								<div class="content-pad">
									<div class="item-content">
										<h3 class="section-heading"><a href="{!! URL::Route('mobily.showSucces',[$article->slug]) !!}">{{ $article->title }}</a></h3>
										<div class="item-excerpt blog-item-excerpt">
											<p>{!! str_limit(strip_tags($article->content), 200) !!}</p>

											<a href="{!! URL::Route('mobily.showSucces',[$article->slug]) !!}" class="btn btn-outline">{{ __('View more') }} <i class="fa @if (rtl()) fa-chevron-left @else fa-chevron-right @endif"></i></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@if ($key%2)
						<hr class="col-md-12">
					@endif
				@endforeach
			</div>
			<div class="row">
				<hr>
				<div class="styled-pagination clearfix">
					{{ $articles->links('vendor.pagination.mobile') }}
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/prettyPhoto/js/jquery.prettyPhoto.min.js') !!}
	<script type="text/javascript">
		jQuery(document).ready(function($){
			$("a[rel^='prettyPhoto']").prettyPhoto({social_tools:''});
		});
	</script>
@endsection