@extends('main')
@section('styles')
	{!! Html::style(Theme::current()->assetPath.'/css/services.css') !!}
	<style media="screen">
	.gmap{width: 100% !important;height: 350px !important;}
</style>
@endsection
@section('page-title')

	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ __('Showrooms') }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ __('Showrooms') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<section id="product-details">
		<div class="container-2 ">
			<div class="row">
				<div class="col-sm-12 col-md-12 ">
					<div class="clearfix"></div>
					<div  id="map-company" class="gmap">
						@php
						foreach ($showrooms as $key => $showroom) {
							if ($key == 0) {
								Mapper::map($showroom->lat, $showroom->lng, ['zoom' => 10, 'marker' => false,'center' => true, 'markers' => ['title' => $showroom->title, 'animation' => 'DROP', 'autoClose' => true]])->informationWindow($showroom->lat, $showroom->lng,
								'<br><b>'.__('Branch').' : '.$showroom->title .'</b><br>'. $showroom->address .' <hr> '. $showroom->content.'<br>'
								, ['maxWidth'=> 300, 'title' =>  $showroom->title]);
							}
							else {
								Mapper::informationWindow($showroom->lat , $showroom->lng, '<br><b>'.__('Branch').' : '.$showroom->title .'</b><br> '. $showroom->address .' <hr> '. $showroom->content.'<br>', ['open' => false, 'maxWidth'=> 300, 'title' => 'Title']);
							}
						}
						@endphp
						{!! Mapper::render() !!}
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</section>
	<section class="key-services">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-push-3 col-sm-12 col-sm-push-0 text-center">
					<h2 class="section-heading">{{ __('Showrooms') }}</h2>
					<hr>
				</div>
			</div>
			<div class="clear"></div>
			<div class="row service-points">
				@foreach ($showrooms as $key => $showroom)
					<div class="col-md-4 col-sm-6 col-xs-12 text-center service-point">
						<div class="service-content">
							<h4 class="section-subtitle">{{ $showroom->title }}</h4>
							<p>{{ $showroom->address }}</p>
							<p>{!! $showroom->content !!}</p>
						</div>
					</div>
				@endforeach
			</div>
		</div>
	</section>
@endsection
@section('scripts')
@endsection