@extends('main')
@section('styles')
@endsection
@section('page-title')
@endsection
@section('content')
	<div class="page-title full-color">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="page-title-heading">
						<h2 class="title">
						</h2>
					</div>
					<div class="breadcrumbs">
						<ul>
							<li class="home"><a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a></li>
							<li> / </li>
							<li> @if ($article->category->section == 'video')
								<a href="{{ Route('mobily.AllVideos') }}">
								@else
									<a href="{{ Route('mobily.ShowSectionArticles',[$article->category->section]) }}">
									@endif
									{{ __(ucfirst($article->category->section)) }}
								</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<section class="flat-row flat-member-single padding-v1">
			<div class="container">
				<div class="row">
					<div class="member-single">
						<div class="col-md-8">
							<div class="member-single-post">
								<div class="row">
									<div class="col-md-12">
										<div class="content-pad">
											<div class="item-content">
												<h3 class="item-title">{{ $article->title }}</h3>
												@if ($article->photo)
													<div class="image col-md-8 col-sm-8 col-xs-12 col-md-offset-2 col-sm-offset-2">
														<img src="{{ asset($article->photo) }}"  alt="{{ $article->title }}" />
													</div>
												@endif
												@if (@$article->video)
													<div class="image col-md-8 col-sm-8 col-xs-12 col-md-offset-2 col-sm-offset-2">
														<iframe width="100%" height="350" src="https://www.youtube.com/embed/{{ @$article->video }}" frameborder="0" allowfullscreen></iframe></div>
													</div>
												@endif
												<div class="col-md-12">
													{!! $article->content !!}
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							@include('partials.sidebar')
						</div>
					</div>
				</div>
			</div>
		</section>
	@endsection
	@section('scripts')
	@endsection