@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>
							{{ $article->title }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li>
								<a href="{{ Route('mobily.AllNews') }}">{{ __('News') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ $article->title }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<section class="we-are">
		<div class="container">
			<div class="row shop-list single-pro-info no-sidebar">
				<div class="col-lg-12">
					<div class="single-product clearfix">
						<div class="row">
							@if ($article->photo)
								<div class="col-md-8 col-sm-8 col-xs-12">
									<div class="section-title">
										<h2 class="title-footer">{{ $article->title }}</h2>
										{!! $article->content !!}
									</div>
								</div>
								<div class="zoom-img col-md-4 col-sm-4 col-xs-12 ">
									<img src="{{ path_img($article->photo) }}"  alt="{{ $article->title }}" />
								</div>
							@else
								<div class="col-md-12">
									<h2 class="title-footer">{{ $article->title }}</h2>
									{!! $article->content !!}
								</div>
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
@endsection