@extends('main')
@section('styles')
	{!! Html::style(Theme::current()->assetPath.'/css/product-details-1.css') !!}
	{!! 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"><a href="{{ Route('mobily.getSuccess') }}">{{ __('Keys of success') }}</a></li>
			<li class="breadcrumb-item active">{{ $article->title }}</li>
		</ol>
		<div class="container-page ">
			<h2 class="section-heading">{{ $article->title }}</h2>
			<div class="row">
				@if ($article->photo)
					<div class="col-md-4 col-sm-12">
						<img class="img-responsive" src="{{ asset($article->photo) }}"  alt="{{ $article->title }}" />
					</div>
					<div class="col-md-8 col-sm-12">
						{!! $article->content !!}
					</div>
				@else
					<div class="col-md-12 col-sm-12">
						{!! $article->content !!}
					</div>
				@endif
			</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