@extends('main')
@section('styles')
@endsection
@section('content')
	<div class="breadcrumbs">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<ul>
						<li class="home">
							<a href="{{ Route('site.home.page') }}">{{ __('Home') }} <span>/</span></a>
						</li>
						<li class="breadcrumb-item active"><a href="">{!! __(ucfirst(Str::plural($section))) !!}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<section id="or-category-slider" class="or-category-slider-section">
		<div class="container">
			<div class="row">
				@if (isDesktop())
					<div class="col-right sidebar col-sm-3 col-xs-12">
						@widget('ListCategoriesMenu')
						<br>
						@widget('Sidebar\BlockBanner')
					</div>
				@endif
				<div class="col-lg-9">
					<div class="or-team-feed-content">
						<div class="row">
							@foreach ($items as $key => $item)
								<div class="col-lg-6 col-md-6">
									<div class="or-team-innerbox">
										<div class="or-team-img position-relative">
											<img class="full-img small" src="{!! asset($item->photo) !!}" alt="{!! $item->title !!}">
										</div>
										<div class="or-taam-item-holder">
											<div class="or-team-meta text-center headline position-relative">
												<h3>{!! $item->title !!}</h3>
												<div class="team-item-side-img">
													<img class="side-img" src="{!! asset('img/icon/t-icon2.png') !!}" alt="">
													<img class="side-img" src="{!! asset('img/icon/t-icon1.png') !!}" alt="">
												</div>
											</div>
											<div class="or-team-text-social pera-content">

												<div class="phone_num"><i aria-hidden="true" class="fa fa-map-marker"></i> {!! strip_tags(@$item->content) !!}</div>
												@if (@$item->data['mobile'])
													<div class="phone_num"><i class="fa fa-phone"></i>  {!! @$item->data['phone'] !!} </div>
												@endif
												@if (@$item->data['mobile'])
													<div class="phone_num"><i class="fa fa-mobile"></i>  {!! @$item->data['mobile'] !!} </div>
												@endif

											</div>
											<div class="text-center">
												<a href="{!! asset(@$item->data['map'] ?? '#') !!}" target="_blank">
													<div class="branch-icon">

														<i aria-hidden="true" class="fa fa-map-marker"></i>
													</div>
												</a>
											</div>
										</div>
									</div>
								</div>
							@endforeach
						</div>

					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="empty-lg-40 empty-md-30 empty-sm-20 empty-xs-20"></div>
@endsection
@section('scripts')

	<script language="javascript">
	jQuery(document).ready(function($) {
		$('.pera-content').matchHeight({
			byRow: true,
			property: 'height',
			target: null,
			remove: false
		});
	});
</script>
@endsection